Xpoint
   [напомнить пароль]

2 дива рядом. баг IE 6.0

Метки: [без меток]
2007-08-22 11:41:37 [обр] Даниил(0/1)[досье]
сообщение промодерировано
Добрый день!
Делаю 2 дива рядом. Левый - меню, правый - контент. В обоих дивах есть таблицы. Глюк в том, что если в правом диве поставить ширину таблицы 100%, то IE 6.0 смещает эту таблицу вниз, к нижней границе таблицы из левого дива. Если ширину таблицы сделать хотя бы 99%, то все отображается как и предполагается. В других браузерах включая IE 7.0 такой проблемы нет.
Помогите пожалуйста побороть, при том что очень хочется оставить ширину правой таблицы 100%.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <style>
      #left_container {
         width: 200px;
         border: 1px solid black;
         float: left;
      }
      
      #right_container {
         border: 1px solid black;
         padding: 0px 20px 20px;
         margin-left: 201px;
      }
      
      #elements {
         background-color: #D7EBE1;
         width: 100%;
      }
   </style>   
</head>
<body>
   <div id="left_container">
      <table border="1">
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
         <tr><td>asdac</td></tr>
      </table>
   </div>
   <div id="right_container">
      <table cellpadding="0" cellspacing="1" id="elements">
         <tr><td>123</td></tr>
      </table>
   </div>
</body>
</html>
спустя 1 день 3 часа [обр] Евгений Петров(76/1055)[досье]
Пример, как можно это решить.
спустя 1 час 16 минут [обр] Даниил(0/1)[досье]

Спасибо большое!

Жаль что без хаков опять не обошлось...

спустя 14 минут [обр] Евгений Петров(76/1055)[досье]
Каких это хаков?
спустя 22 минуты [обр] Даниил(0/1)[досье]

Я имел ввиду в обход стандартов :-)

Пришлось извращаться чтобы достичь того, что и так должно работать :-)

спустя 12 минут [обр] Евгений Петров(76/1055)[досье]
Не пойму, что именно из предложенного варианта выпадает из стандартов?
Что же касается того, что и так должно работать - Вы не в курсе, что по тем правилам, что Вы привели в первом посте, ширина левого блока 202px, а левый отступ у правого 201px?
спустя 16 часов [обр] Даниил(0/1)[досье]
Я, возможно, просто не правильно выразился. Ваше решение соответствует стандартам. И то, что ширина левого блока 202px я тоже в курсе. Просто удручает то, что если в твоих требованиях появляется IE, то приходится ломать голову как сделать то, что прекрасно работает (и должно работать) в других браузерах. В результате танцы с бубном и лишние куски кода...
Ну ладно - это уже философский вопрос :-)
Powered by POEM™ Engine Copyright © 2002-2005