Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Position: absolute + overflow: auto (проблема в IE и Opera) в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Код: <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 ...


Закрытая тема
 
Опции темы
Старый 21.08.2007, 13:00   #1
Код:
  <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"?
 
Старый 21.08.2007, 13:00
Ссылки
Старый 10.09.2007, 19:40   #2
вот так.
вместо

можно использовать <ul> list-style-type:none

Код:
<div style="width:200px; ">
	    <div style="background-color: orange; ">
		    DIV1
		</div>
		<div style="height:100px; overflow:auto; border:1px solid #666666; ">
		    

row text</p>
			

row text</p>
			

row text</p>
			

row text</p>
			

row text</p>
			

row text</p>
			

row text</p>
			

row text</p>
		</div>
	</div>
 
Старый 10.09.2007, 19:40
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
float и position проблема life24x7 HTML, CSS, JavaScript 9 19.09.2009 13:42
проблема с position: relative DENweb HTML, CSS, JavaScript 7 10.05.2008 19:32
Проблема с некоректным отображением таблицы в Opera. Пожалуйста, помогите разобраться Newdesigner HTML, CSS, JavaScript 0 25.11.2006 11:14
Проблема с position css ivan341 HTML, CSS, JavaScript 5 12.10.2005 16:22
Проблема с отображением сайта в IE и Opera... AXE Софтодром 7 17.02.2005 00:55


Текущее время: 19:59. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум