MSIE 6宽度 [英] MSIE 6 widths
问题描述
因为没有测试我的网站而感到羞耻 http://www.tsmchughs.com/在MSIE中
在更大的位置字体大小。我刚刚做了，发现了一个令人不快的结果。内容被推到了导航后面，这个位置是绝对的。
还有第二个问题只是装饰性的。在辅助导航中，
标题的宽度不是包含块的全部宽度
。
这里''一个简化的测试用例，详细说明了这两个问题。
http：/ /www.tsmchughs.com/test/
有效HTML 4.01 /严格; CSS检查，未发现错误
任何帮助将不胜感激。
-
Brian（删除& ;。无效给我发电子邮件
http://www.tsmchughs.com/
Shame on me for not testing my site http://www.tsmchughs.com/ in MSIE
at "larger" font size. I just did today, and found an unpleasant
result. The content gets pushed behind the navigation, which has
position: absolute.
There''s a second problem which is merely cosmetic. The width of
headings in a secondary navigation are not taking the full width of
the containing block.
Here''s a simplified test case, with both problems detailed.
http://www.tsmchughs.com/test/
valid HTML 4.01/strict; CSS checked, no errors found
Any help would be appreciated.
--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
推荐答案
Brian写道：
Brian wrote:
因为没有测试我的网站而感到羞耻在MSIE的更大的 http://www.tsmchughs.com/ 字体大小。我今天刚刚做了，发现了一个不愉快的结果。内容被推到导航后面，导航位置：
绝对。
还有第二个问题，仅仅是装饰性的。二级导航中标题的宽度没有占据包含块的整个宽度。
这是一个简化的测试用例，两个问题都很详细。
http://www.tsmchughs.com/test/
Shame on me for not testing my site
http://www.tsmchughs.com/ in MSIE at "larger" font size. I
just did today, and found an unpleasant result. The content
gets pushed behind the navigation, which has position:
absolute.
There''s a second problem which is merely cosmetic. The
width of headings in a secondary navigation are not taking
the full width of the containing block.
Here''s a simplified test case, with both problems detailed.
http://www.tsmchughs.com/test/
第一个问题：
要查看发生了什么，请更改
的背景颜色DIV＃导航。在IE中，边框（8em）不会与
文本一起缩放。宽度，边距和填充都有，但边界
（显然！）不要。
解决方案：而不是border-left：8em，使用margin-left：8em 。
你必须设置导航背景的颜色
另一种方式，否则它将结束在
$ b的底部
向上滚动时，$ b视口向上（保持html背景可见）。
第二个问题：
李元素将盒子的右侧进一步推到
右边。
如果你在A的两边取出.5em的填充物
$在李's里面的b $ b元素，它已经解决了。但是后来没有
缩进。
为此您添加了
..pageNav LI {
text-缩进：.5em;
}
-
Els http://locusmeus.com/
Sonhos vem。 Sonhos v？o。 Orestoébritfeito。
- Renato Russo -
现在玩：丑小子乔 - 摇篮里的猫
The first problem:
To see what is happening, change the background-color of the
div#navigation. In IE the border (8em) doesn''t scale with the
text. Widths, margins and paddings do, but borders
(apparently!) don''t.
Solution: instead of border-left:8em, use margin-left:8em.
You''ll have to set the colour of that navigation background
another way though, or else it will end at the bottom of the
viewport, and go up (leaving the html background visible) when
scrolling up.
Second problem:
The Li elements push the right side of the box further to the
right.
If you take out the padding of .5em on either side of the A
element inside the Li''s, it''s solved. But then there is no
indent.
For that you add
..pageNav LI{
text-indent:.5em;
}
--
Els http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
Now playing: Ugly Kid Joe - Cats In The Cradle
Els写道：
Els wrote:
为此您添加了
。pageNav LI {
text-indent：.5em;
}
For that you add
.pageNav LI{
text-indent:.5em;
}
我刚才看到的是左下角的下划线。
替代方案：
..pageNav LI {
填充：0 .5em;
}
哪个会留下下划线，但不会
让悬停的背景颜色转到左侧和右侧
的盒子。
-
Els
http://locusmeus.com/
Sonhos vem。 Sonhos v？o。 Orestoébritfeito。
- Renato Russo -
Which I just saw leaves the underlining to far to the left.
Alternative:
..pageNav LI{
padding: 0 .5em;
}
Which will leave the underlining where it should be, but won''t
let the background-color on hover go to the left and right side
of the box.
--
Els
http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
Els写道：
Brian写道：
Brian wrote:
内容被推到导航后面，其位置是：绝对的。
第二个问题仅仅是装饰性的。二级导航中标题的宽度并不占据包含块的整个宽度。
这是一个简化的测试用例，两个问题都很详细。
http://www.tsmchughs.com/test/
第一个问题：要看看发生了什么，请更改div＃navigation的背景颜色。
The content gets pushed behind the navigation, which has
position: absolute.
There''s a second problem which is merely cosmetic. The width of
headings in a secondary navigation are not taking the full width
of the containing block.
Here''s a simplified test case, with both problems detailed.
http://www.tsmchughs.com/test/
The first problem: To see what is happening, change the
background-color of the div#navigation.
我没有'''需要改变颜色;当我增加文本大小时，我可以在屏幕底部看到不同的框
形状。
在IE中，边框（8em）不会随着文本。
是的，这就是我在测试页面上的解释中报告的内容。
宽度，边距和填充都有，但是边框（显然！）不要。
I didn''t need to change the color; I could see the different box
shapes at the bottom of the screen when I increased the text size.
In IE the border (8em) doesn''t scale with the text.
Yes, that''s what I reported in an explanation on the test page.
Widths, margins and paddings do, but borders (apparently!) don''t.
看来好像。
-
Brian（删除。无效给我发电子邮件）
http://www.tsmchughs.com/
这篇关于MSIE 6宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
