imho.ws
IMHO.WS  

Вернуться   IMHO.WS > Веб-мастеру > Веб-программирование
Перезагрузить страницу Overflow гонит в IE
Регистрация Справка Календарь
Правила форума - Архив
  Сообщения: Перейти к новому /  Последнее
Опции темы
Старый 24.06.2005, 17:52     # 1
aramis
Junior Member
 
Регистрация: 31.10.2002
Сообщения: 150

aramis Путь к славе только начался
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>
aramis вне форума  
Старый 24.06.2005, 18:12     # 2
Hatifnatt
::VIP::
 
Аватар для Hatifnatt
 
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064

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

Не обижайся конечно только зря ты новую тему начал, лучше бы запостил в предидущей
http://www.imho.ws/showthread.php?t=87913 народу понятней было бы о чем речь идет, ну или хотя бы ссылочку на нее дал.
Hatifnatt вне форума  
Старый 24.06.2005, 18:20     # 3
aramis
Junior Member
 
Регистрация: 31.10.2002
Сообщения: 150

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

П.С. новая тема потому что речь идёт совершенно о другом и тот кто не знает ответ на вопрос в 1. посте той темы может ответить на этот
aramis вне форума  
Старый 24.06.2005, 18:27     # 4
Hatifnatt
::VIP::
 
Аватар для Hatifnatt
 
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064

Hatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех ГуруHatifnatt Отец (мать) всех Гуру
Да я уже посмотрел твой код. Попытался что-то сделать, пока ничего не получилось, мой предыдуший совет не помогает, попробую ещё поковырятся.

Незнаю ниче не получается надо еще подумать но помоему в IE не получится , может какие-нибудь другие умные люди помогут
Последний раз редактировалось Hatifnatt; 24.06.2005 в 18:50.
Hatifnatt вне форума  

« Предыдущая тема | Вверх | Следующая тема »

Ваши права в разделе
Вы НЕ можете создавать новые темы
Вы не можете отвечать в темах.
Вы НЕ можете прикреплять вложения
Вы НЕ можете редактировать свои сообщения
BB код Вкл.
Смайлы Вкл.
[IMG] код Выкл.
HTML код Выкл.
Быстрый переход


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

IMHO.WS - Правила форума - Архив - Вверх



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