Проблема в Explorer 6 с параметром overflow

Andrey_rus · April 2, 2008

Здравствуйте!

Заметил странный баг в Explorer`e. Если слой с параметром overflow лежит внутри таблицы, то в Explorere параметр overflow просто не действует.

Вот например код:

<div style="width: 100%;">
   <table style="width: auto">
   <tr>
	  <td>
		  <div style="overflow: auto; width: 100%; height: 200px; position: relative; left: 0; top: 0">

				СкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекст		 

		  </div>

	  </td>
   </tr>
   </table>
</div>

Длинный текст прекрасно обработается в Опере и FireFox, т.е. будет выведена горизонтальная полоса прокрутки для слоя. В Explorer`e полоса прокрутки появится не у слоя, а у всего окна браузера.

Как можно подогнать код и под Explorer, если обрамляющая таблица все же нужна и убирать ее крайне не желательно. Буду рад советам.

ZoNT · April 3, 2008

Andrey_rus · April 3, 2008

В опере и FireFox все по прежнему, а в Explorer`e полоса прокрутки у всей страницы убралась, но у слоя так и не появилась, т.е. длинный текст на этот раз оказался обрезанным. Причем полоса прокрутки не добавляется, даже если указать для слоя overflow: scroll.

ZoNT · April 3, 2008

странно, у меня появилась....

ZoNT · April 3, 2008

Правда я в 7-м тестил...

Попробуй (у меня работает везде (сафари, опера, фаерфокс, ос?л)):

<html>
<body>
 <div style="width: 100%;">
 <table style="width: 100%; table-layout: fixed;">
 <tr>
 <td>
 <div style="overflow: auto; width: 100%; height: 200px; position: relative; left: 0; top: 0">

 СкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекст 

 </div>

 </td>
 </tr>
 </table>
</div>
</body>
</html>

Andrey_rus · April 3, 2008

ZoNT, благодарю! Помогло. Извини, видимо, какой-то косяк с кэшем был. В Explorer`e 6 тоже все прекрасно.

Еще раз благодарю, ZoNT`ик!

mozart · May 14, 2008

А как сделать так, что бы блок с информацией имел фиксированную ширину и растягивался на все окно браузера по высоте, имел полосу прокрутки и не вылезал за нижний край окна браузера?

Sign In

Проблема в Explorer 6 с параметром overflow

Question

Andrey_rus

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

ZoNT

Link to comment

Share on other sites

Andrey_rus

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

Andrey_rus

Link to comment

Share on other sites

mozart

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information