загадочный отступ при float @ DeForum.ru

0 Сообщения: 17 Зарегистрирован: 22.09.05

Вот CSS
-------------------------------------
html,body{margin: 0; padding:0;}
#leftdiv{
float: left;
width: 195px;
height: 200px;
border-right: 1px solid #BFBFBF;
}
#rightdiv{
margin: 0 0 0 195px;
height: 200px;
background-color: #ff0;
}
--------------------------------------

Вот html
---------------------------------------
<div id="leftdiv">Левая колонка</div>

<div id="rightdiv">Правая коллонка</div>
---------------------------------------

В правильных брайзерах все нормально, а вот в ИЕ,
в правой колонке откуда-то берется padding 2px слева,
кто может подсказать, в чем кроется проблема?

В чем кроеться - не скажу, а вот как я решаю, подскажу

в таких конструкциях я пишу, что втрой блок height: 100%;

и вот этот самый отступ убираеться!

да и эти дивы я еще обрамляю в общий див.

Проблема заключается в том, как IE трактует float box model.
Подробнее точно есть на www.positioniseverything.net

0 Сообщения: 17 Зарегистрирован: 22.09.05

Хорошо, в чем проблема выяснили, а вот как решить эту проблему?
Я бегло прочел ту ссылку, но видимо решение, где то глубоко, если вообще есть.
Может кто поможет?

Как вариант:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
   <title>Untitled</title>
   <style>

      * {margin: 0; padding:0; border: none;}
      #leftdiv{
      float: left;
      width: 195px;
      height: 200px;
      }
      #rightdiv{
      margin: 0 0 0 195px;
      height: 200px;
      background: #ff0;
      border-left: 1px solid #BFBFBF;
      padding-left: 6px;
      } 
</style>

<html>
<body>
<div id="leftdiv"><p>Левая колонка</p></div>
<div id="rightdiv"><p>Правая коллонка</p></div>
</div>

</body>
</html>

DeДверь
Логин:
Пароль:
	Автологин