Блин... Два часа бьюсь.
Есть страничка:
В ней менюха + контент 2 колонки.
Менюха: float left
контент: padding: 0 0 0 200;
в контенте:
1я колонка: float left
2я колонк: float right
Теперь проблема:
ИЕ делает не понятный отступ слека от первой колонки и все едет.
вот код:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<style type="text/css">
body {
****font-family : Verdana, Arial, sans-serif;
****font-size : 12px;
****padding : 0;
****margin : 0;
}
div#MainContainer
{margin:0px auto; width:990px}
#Middle {
****text-align : left;
****border : 1px solid #aaaaaa;
****margin: 0px;
****padding:0px;
****position : relative;
****width : 990px;
}
#MenuLeft {
****float : left;
****width : 185px;
****margin : 0;
****background : #f8f8f8;
****padding : 0 0 220px 10px;
****background : #f8f8f8 url(/test/img/menu_bg.gif) no-repeat right bottom;
****text-align : left;
}
.Content {
position : relative;
width:790;
padding : 0 1px 90px 197px;
}
#News {
****float : left;
****margin: 0px 10px 0px 10px;
****width : 375px;
****
}
#Interest {
****float : right;
****width : 375px;
****margin: 0px 10px 0px 10px;****
****
}
</style>
<body>
<div id="MainContainer">
<div id="Middle">
****
****
****<div class="Content"> *
*<div id="News">
*****asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd
*</div>
*<div id="Interest">****
*****asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd
*</div>
****</div>********
</div>****
</div>****
</body>
</html>
Заранее спасибо !