IMHO.WS

IMHO.WS (https://www.imho.ws/index.php)
-   Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)
-   -   Overflow гонит в IE (https://www.imho.ws/showthread.php?t=87993)

aramis 24.06.2005 17:52
Overflow гонит в IE
 
есть 2 таблицы, одна в другой, вторая таблица вложена в
<div style="overflow:scroll;width=100%">.
почему этот код работает только в opera, firefox, но не в ie?. если поставить пикселы, то всё работает, но не красиво. можно заставить % работать в ie?


Код:

<table border="1" frame="box"  width="100%" cellspacing="0" cellpadding="1" >
<colgroup>
<col width="10%">
<col width="90%">
</colgroup>

<tr>
<td style="vertical-align:top">
<table style="width:100%;"  border="1" frame="box" cellspacing="0" rules="rows">
<tr><td><font size="-2">&#160</font></td></tr>
<tr><td bgcolor="#C0C0C0"  style="border:thin solid #C0C0C0;white-space:nowrap"><font size="-1">
xxxxxxxxxxxx
</font></td></tr>
</table>
</td>
<td >


<div style="overflow:scroll;width=100%">

<table  rules="rows" style="width:100%;" frame="box" cellspacing="0" border="1">
<tr>
<td align="center"><font size="-2">20</font></td>
<td align="center"><font size="-2">21</font></td>
<td align="center"><font size="-2">22</font></td>
<td align="center"><font size="-2">23</font></td>
<td align="center"><font size="-2">24</font></td>
<td align="center"><font size="-2">25</font></td>
<td align="center"><font size="-2">26</font></td>
<td align="center"><font size="-2">27</font></td>
<td align="center"><font size="-2">28</font></td>
<td align="center"><font size="-2">29</font></td>
<td align="center"><font size="-2">30</font></td>
<td align="center"><font size="-2">1</font></td>
<td align="center"><font size="-2">2</font></td>
<td align="center"><font size="-2">3</font></td>
<td align="center"><font size="-2">4</font></td>
<td align="center"><font size="-2">5</font></td>
<td align="center"><font size="-2">6</font></td>
<td align="center"><font size="-2">7</font></td>
<td align="center"><font size="-2">8</font></td>
<td align="center"><font size="-2">9</font></td>
<td align="center"><font size="-2">10</font></td>
<td align="center"><font size="-2">11</font></td>
<td align="center"><font size="-2">12</font></td>
<td align="center"><font size="-2">13</font></td>
<td align="center"><font size="-2">14</font></td>
<td align="center"><font size="-2">15</font></td>
<td align="center"><font size="-2">16</font></td>
<td align="center"><font size="-2">17</font></td>
<td align="center"><font size="-2">18</font></td>
<td align="center"><font size="-2">19</font></td>
<td align="center"><font size="-2">20</font></td>
<td align="center"><font size="-2">21</font></td>
<td align="center"><font size="-2">22</font></td>
<td align="center"><font size="-2">23</font></td>
<td align="center"><font size="-2">24</font></td>
<td align="center"><font size="-2">25</font></td>
<td align="center"><font size="-2">26</font></td>
<td align="center"><font size="-2">27</font></td>
<td align="center"><font size="-2">28</font></td>
<td align="center"><font size="-2">29</font></td>
<td align="center"><font size="-2">30</font></td>
<td align="center"><font size="-2">31</font></td>
<td align="center"><font size="-2">1</font></td>
<td align="center"><font size="-2">2</font></td>
<td align="center"><font size="-2">3</font></td>
<td align="center"><font size="-2">4</font></td>
<td align="center"><font size="-2">5</font></td>
<td align="center"><font size="-2">6</font></td>
<td align="center"><font size="-2">7</font></td>
<td align="center"><font size="-2">8</font></td>
<td align="center"><font size="-2">9</font></td>
<td align="center"><font size="-2">10</font></td>
<td align="center"><font size="-2">11</font></td>
<td align="center"><font size="-2">12</font></td>
<td align="center"><font size="-2">13</font></td>
</tr>

<tr>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  style="border:thin solid black" bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#0000FF" width="90px"><font size="2" color="#0000FF">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#E2E2E2" width="90px"><font size="2" color="#E2E2E2">fds&#160</font></td>
<td  bgcolor="#C7CEE2" width="90px"><font size="2" color="#C7CEE2">fds&#160</font></td>
</tr>


</table>

</div>

</td>

</tr>

 </table>

Hatifnatt 24.06.2005 18:12
По моему нельзя, такая объектная модель у IE ты же говоришь ему "использовать всю доступную ширину" а ячейки в таблице растягиваются если содержимое превосходит заданный размер, попробуй в стиле у ячейки в которую ты пихаешь слой, тоже задать параметр owerflow:scroll,
Код:
.....
<td style="overflow:scroll; width:NNNpx">
.....
ведь ширину ячейки ты задаешь в пикселах не так-ли? Может тогда и слой не понадобится.

Не обижайся конечно только зря ты новую тему начал, лучше бы запостил в предидущей
http://www.imho.ws/showthread.php?t=87913 народу понятней было бы о чем речь идет, ну или хотя бы ссылочку на нее дал.

aramis 24.06.2005 18:20
Цитата:
Hatifnatt:
ведь ширину ячейки ты задаешь в пикселах не так-ли?
неа. у меня всё в % чтобы можно было легко растянуть на любую ширину

П.С. новая тема потому что речь идёт совершенно о другом и тот кто не знает ответ на вопрос в 1. посте той темы может ответить на этот

Hatifnatt 24.06.2005 18:27
Да я уже посмотрел твой код. Попытался что-то сделать, пока ничего не получилось, мой предыдуший совет не помогает, попробую ещё поковырятся.

Незнаю ниче не получается надо еще подумать но помоему в IE не получится :( , может какие-нибудь другие умные люди помогут


Часовой пояс GMT +4, время: 13:18.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.