Я настоящий новичок в CSS, поэтому, пожалуйста, прости мое невежество. Я безуспешно искал что-то, что должно быть очевидным для опытных людей CSS.
В основном CSS ниже отображается так, как ожидается в FF / Chrome / IE8, но не в IE6 (и кто знает о других версиях IE). В IE6 прокручиваемая горизонтальная полоса прокрутки продолжает отображаться, поскольку некоторые элементы переполняют окно браузера. Мое чтение, кажется, указывает, что это как-то связано с заполнением, 100% -ная ширина - проблема с IE6, или что-то ... Я добавил цвета bg, чтобы лучше визуализировать проблему.
Я действительно хочу, чтобы # ch / div ("head") заполнял окно браузера горизонтально. Я полагаю, что все сводится к следующему: почему элементы div для bs_ext и cd выходят за пределы правого окна браузера, вызывая отображение горизонтальной полосы прокрутки?
<head>
<style>
<!--
body{margin:0px 0px 0px 0px}
#ch,#cs{position:relative;width:100%}
#ch{margin-top:0px;height:90px;background-color:#edeff4;border-bottom:1px solid
#dddddd}
#cs{height:55px;width:1024px;border-bottom:1px solid #dddddd}
#cb{width:1024px}
#ci{float:left;width:200px;background-color:#efefef}
#cr{float:left;width:530px;background-color:#cccccc}
#cd{float:left;width:294px;background-color:#dddddd}
#bs{position:relative;float:left;top:18px;left:15px;width:185px;background-
color:#cccccc}
#bs_ext{position:relative;float:left;top:18px;left:15px;width:824px;background-
color:#dddddd}
-->
</style>
</head>
<body>
<div id=ch>head</div>
<div id=cs>
<div id=bs><span>sssssss</span></div>
<div id=bs_ext><span>ppppppp</span></div>
</div>
<div id=cb>
<div id=ci>111<br>111<br>111<br></div>
<div id=cr>222<br>222<br>222<br></div>
<div id=cd>333<br>333<br>333<br></div>
</div>
</body>
Буду признателен за любые советы о том, как заставить это работать в IE6.
Кроме того, я бы хотел, чтобы нижняя граница #cs всегда была на 100% браузером (сейчас это 1024px). Но если я использую «100%», то при изменении размера браузер перемещает «ppppppp» вниз - я бы хотел, чтобы это было исправлено, чтобы изменение размера браузера не изменило позицию содержимого.
Большое спасибо за любые указания / помощь