Div 定位在浏览器中与我的头发生冲突?

发布于 2024-11-25 17:35:29 字数 402 浏览 0 评论 0原文

请 CSS 专家告诉我为什么我的网站在大多数浏览器上看起来都不错,但在 IE 上却出现了问题。 CSS 中没有什么特别的,只是定位背景和边框设置。

它在导航右侧的白色边框和主框左侧的红色边框上出现了问题。

它在 FF、Safari 和 Chrome 中完美,但在 IE 中却差了几个像素。

我怎样才能让它在所有平台上工作?

http://www.uniquegeeks.co.uk/djeurope/

它几乎就像 IE将边框放在内侧,其余的将边框放在外侧...顶部和底部是弯曲的 imgs

谢谢

Please could a CSS expert tell me why my site looks ok on most browsers but when it comes to IE it screws up. there is nothing special in the CSS just positioning background and border settings..

It screws up on the white border at the right of the nav and the red border on the left of the main box.

Its perfect in FF and Safari and Chrome but IE its out by a few pixels..

How can i get it working across all ??

http://www.uniquegeeks.co.uk/djeurope/

Its almost as if IE puts the border on the inside and the rest put it border on the outside... the top and bottoms are curved imgs

enter image description here

Thanks

Lee

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

挖个坑埋了你 2024-12-02 17:35:29

这几乎就像 IE 将边框放在里面,而其他浏览器将边框放在外面

这正是 IE 所做的(至少低于 9 的版本,不确定 9)。我发现解决此类问题的最佳方法是使用 条件注释,可以覆盖 IE 的边框设置。

<!--[if IE]>
<link href="fix_ie.css" type="text/css" rel="stylesheet" />
<![endif]-->

Its almost as if IE puts the border on the inside and the rest put it border on the outside

That's exactly what IE does (versions lower that 9 at least, not sure about 9). I find the best approach to something like this is to supply an additional stylesheet using conditional comments that can override the border settings for IE.

<!--[if IE]>
<link href="fix_ie.css" type="text/css" rel="stylesheet" />
<![endif]-->
叫思念不要吵 2024-12-02 17:35:29

他正在谈论 IE 6 :)

例如,对于 png 图像,请使用此 http://www.dillerdesign。 com/experiment/DD_belatedPNG/
只需包含该文件并将选择器传递给它,它将使您的 png 图像透明。

我建议你使用 css 重置。

在 css 的 body 之前添加

* {
  margin: 0;
  padding: 0;
}

He is talking about IE 6 :)

For example for you png images use this http://www.dillerdesign.com/experiment/DD_belatedPNG/
just include the file and pass the selectors to it, it will make your png images transparent.

And i would recomend you useing a css reset.

before the body in the css add

* {
  margin: 0;
  padding: 0;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文