Попытка разместить два элемента div, при этом левый является боковой панелью шириной 200 пикселей, а правый занимает остальную часть экрана. У меня есть этот код в качестве примера, который работает в firefox, но в браузерах webkit справа и слева есть странное поле. В этом примере кода я установил ширину контейнера на 600 пикселей для простоты демонстрации, но на самом деле я не буду знать ширину контейнера div. Я использую тип документа XHTML 1.0 Transitional.
<style type="text/css">
#container {
height:50px; width:600px; background-color:black; overflow:hidden;
}
#sidebar {
height:50px; width:100px; background-color:lightgreen; float:left;
}
#content {
height:50px; margin-left:100px; background-color:lightblue;
}
</style>
<div id="container">
<div id="sidebar"></div>
<div id="content"></div>
</div>