Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Баг в IE7 с position:relative;

Автор: Dima85 10.6.2010, 13:59

Добрый день. Необходимо у table cделать scrollbar.
Я это сделал так:

Код


<div style="max-height: 280px; overflow-y: auto;">
<table>
<tbody>
<tr>
<td class="rate">
<div id="Daxi">
<ul class="rating star_4">
<li class="s_1"><a href="#" title="1">1</a></li>
<li class="s_2"><a href="#" title="2">2</a></li>
<li class="s_3"><a href="#" title="3">3</a></li>
</ul></div>
</td>
<td class="fm">Daxi</td>
<td class="fm">Dai</td>
<tr>

<tr>
<td class="rate">
<div id="Daxi">
<ul class="rating star_4">
<li class="s_1"><a href="#" title="1">1</a></li>
<li class="s_2"><a href="#" title="2">2</a></li>
<li class="s_3"><a href="#" title="3">3</a></li>
</ul></div>
</td>
<td class="fm">Daxi</td>
<td class="fm">Dai</td>
<tr>

****

</tbody></table></div>

Во всех браузерах кроме IE все замечательно. Насколько я понял, проблема возникает из за position:relative; Тоесть на страницу встраиваеться голосование, с:

Код


.rating,.fav {
background:url(/images/star-matrix.png) no-repeat 0 0;
clear:both;
height:16px;
list-style:none;
margin:0;
padding:0;
position:relative;
width:60px;
}

И это голосование не подченяеться <div style="max-height: 280px; overflow-y: auto;"> оно просто выходит за рамки max-height
Подскажите что делать?

Автор: mcTep 11.6.2010, 16:28

Дык ведь max-heigth в ИЕ работает только в 8ой версии браузера.

http://www.google.ru/search?hl=ru&newwindow=1&q=max-height+ie&aq=1&aqi=g10&aql=&oq=max-height+&gs_rfai= тебе в помощь.

P.S. опять же position:relative тут не причем.