Вот код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title></title>
<style type="text/css">
* { margin:0px; padding: 0px;}
#greenbox {
border: 5px solid green;
margin: 20px;
}
#redbox {
background-color: red;
float:left;
width: 50%;
}
#bluebox {
background-color: blue;
width: 50%;
overflow: auto;
}
</style>
</head>
<body>
<div id="greenbox">
<div id="redbox">
red box
</div>
<div id="bluebox">
blue box
</div>
</div>
</body>
Код будет отображать зеленую рамку с рамками, а также красную коробку и синюю рамкузеленое поле, оба с фоновыми цветами.
Вот проблема, хотя: установка синего поля и ширины красного поля на 50% каждая ДОЛЖНА теоретически охватывать всю область содержимого зеленого поля.Тем не менее, в самой правой части зеленого поля есть пустое пространство размером 1 пиксель!
Это ошибка в Safari 5.0.3 (я не могу установить другой браузер для тестирования)?Или в моем коде?Или в CSS?Есть ли простой способ это исправить?