- Код: Выделить всё
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<style>
body {padding: 0px; margin: 0px; font: 12px Arial; color: #000000;}
#top {background: #ff0000; clear: both; height: 59px;}
#left {background: #00ff00; float: left; width: 50%; height: 400px;}
#right {background: #0000ff; float: left; width: 50%; height: 400px;}
#bottom {background: #ff0000; clear: both; height: 59px;}
</style>
<body>
<div id="top"></div>
<div id="left"></div>
<div id="right"></div>
<div id="bottom"></div>
</body>
</html>
Результат должен быть следующим:
Сверху шапка. Потом две колонки и снизу подвал.
Проблема в том, что в Мозилле все ок, а Эксплорер (падла) одну из колонок под другую ставит, а не рядом. Проблема решается если у правой колонки ширину поставить не 50%, а, скажем, 49%. Но это не приемлемо.
Научите меня дивами верстать, а то все уже так делают, а я все таблицами да таблицами...