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

Странная логика DIV... помогите решить

Метки: [без меток]
2010-04-23 10:46:24 [обр] Крыль[досье]
сообщение промодерировано
Вот такой html. Мне нужно что бы правый блок был справа, а не внизу. При этом он занимал ВСЮ оставшуюся от левого площадь.
Как запретить ему перенос в низ?
<html>
 <body> 
     <div style='width:100%;border:1px solid red;height:100px;'>
     <div style='position:relative;float:left;width:280px;border:1px solid green;height:100px;'>
     </div>
     <div style='position:relative;float:right;width:100%;border:1px solid blue;height:100px;'>
     </div>
     </div>
 </body>
</html>
спустя 52 минуты [обр] Крыль[досье]
сообщение промодерировано
Вот решение... нашлось. Кросс-браузерный хак.
<html>
 <body> 
  <style type="text/css">
    .columns { clear: both; width: 100%; }
    .columns .a {position:relative; float: left;width: 200px; margin-right: -100%; background: #ccffcc; }
    .columns .b {position:relative; float: left;width: 100%; margin-left: 200px; display: inline; background: #ffcccc; }
</style>
<div class="columns">
    <div class="a">Колонка шириной 30%</div>
    <div class="b">Колонка шириной 70%,
        которая ведет себя правильно
        (в&nbsp;соответствии со&nbsp;стандартами CSS)</div>
 </div>
 </body>
</html>
Powered by POEM™ Engine Copyright © 2002-2005