Position: absolute + overflow: auto (проблема в IE и Opera) @ DeForum.ru

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

Код:

  <div style='width: 200px; background-color: orange'>DIV1</div>
  <div style='overflow: auto; position: absolute; height: 100px'>
    <table cellpadding='0' cellspacing='0' style='border: 1px solid gray'>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
      <tr><td><div style='width: 200px'>row text</div></td></tr>
    </table>
  </div>

В Mozilla выглядит нормально, скроллер не трогает таблицу в DIV.
В IE и Opera - скроллер ущемляет таблицу (уменьшает ее ширину).
Как сделать, что бы в IE и Opera было так, как в Mozilla, но не задавая ширину DIV, у которого "overflow: auto"?

Ширина вложенного в такой див контента всегда будет прыгать в момент появления прокрутки. Потому внутрь дива с overflow:auto вкладываем еще один див, которому задаем ширину.

Кстати код вы написали какой-то кривой, я так и не понял зачем вам это надо. Обычно это делается так:

Код:

<div style="width:500px; height:200px; overflow:auto;">
    <div style="padding:20px 0 20px 20px;">
         <div style="width:440px;">
                  Контент
         </div>
     </div>
</div>

3 Сообщения: 36 Зарегистрирован: 12.07.07

<div style='overflow: auto; overflow-x:hidden; position: absolute; height: 100px'>
Но это не решит полностью проблему

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