css - IE 边框打破导航

标签 css internet-explorer

IE 6 中的另一个问题... link

导航栏链接列表的每个元素的左侧都有一个边框。

在 fireforx/safari 中,这与导航栏背景匹配,但在 IE 中,边框/元素溢出到导航栏下方(边框伸出底部)。

编辑:另外,导航栏是 IE 中蓝色标题的整个长度,而它应该只与其中的导航链接一样大! arg!

有什么想法吗?谢谢。

图片:

在 ie6 中的外观:

ie6 sucking http://plwd.co.uk/rangers/images/ie6.jpg

它应该是什么样子:

alt text http://plwd.co.uk/rangers/images/firefox.jpg

最佳答案

尝试摆脱 anchor 标记上的高度规则,并使用顶部/底部边距/填充来确保它们填充空间。我发现当您不尝试强制元素的高度时,使用 float 的 CSS 会容易得多。

关于css - IE 边框打破导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/232191/

相关文章:

html - 使按钮变大,但保持文本大小不变

javascript - 使用javascript检测ie10 Metro地址栏是否存在

javascript - IE 控制台问题

javascript - Edge 和 IE11 中的 CSS 转换不起作用

html - 如何使用 CSS 创建响应式顶部栏

css - 如何设置 Xul 窗口背景图像?或者,如何在图像上添加标题?

javascript - 如何模拟点击显示:none on hover image (how to listen for any mouse click in a browser)

css - 基于 HTML 元素的类动态更改 bulma sass 变量?

css - IE 忽略 zIndex

javascript - CSS 问题 : Top border not displaying in IE