IMHO.WS

IMHO.WS (https://www.imho.ws/index.php)
-   Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)
-   -   Расползание таблицы (https://www.imho.ws/showthread.php?t=98186)

Face 04.01.2006 15:22

Расползание таблицы
 
Есть таблица:
Код HTML:

<table border="1" bordercolor="#0000ff" width="100%">

<tr><td colspan="3" align="center">
<!-- Меню -->
<table border="1">
<tr>
<td align="center" width="123">Новости</td>
<td align="center" width="123">Форум</td>
<td align="center" width="123">Чат</td>
<td align="center" width="123">Ресурсы</td>
<td align="center" width="123">Проекты</td>
<td align="center" width="123">Творчество</td>
<td align="center" width="123">Разное</td>
</tr>
</table>
<!-- Конец меню -->
</td></tr>

<tr>
<td width="123">^^LEFT^^</td>
<td align="center">^^MAIN^^</td>
<td align="right" width="123">^^RIGHT^^</td>
</tr>

</table>

В ячейку таблицы вложена еще одна таблица-меню. Причем, если это меню больше какой-то ширины, то вся главная таблица в IE и Opera расползается, а в FireFox остается нормально. Необходимо, чтобы ячейки ^^LEFT^^ и ^^RIGHT^^ были шириной в 123 пикселя. Как сделать, не пойму :idontnow:

Naked 04.01.2006 18:09

Цитата:

Face:
вся главная таблица ... расползается
Я так понял, что тебе нужно, чтобы менюшка была шириной 600 (условно), а все, что ниже - 400, т.е. меню должно вылезать справа? Тогда нужно меню отдельной таблицей сделать, а все остальное за ним, либо в нижнюю часть таблицы вставить еще один тег <td>, но не уверен, что это поможет...

Face 04.01.2006 18:37

Дизайн сделан резиновым, верхнее меню будет отцентрирована, ширина меню - 864, + есть левый и правый блок информации (^^LEFT^^ и ^^RIGHT^^), ширина фиксированная - 123. Только вот эти блоки почему то не держат ширину 123 пикселя, а все время захватывают больше. Никак не могу решить проблему :help:

Naked 04.01.2006 20:32

Цитата:

Face:
+ есть левый и правый блок информации
У тебя по задумке эти блоки должны выходить за пределы меню? или нет? Не держат, потому что у тебя меню - большое, а внизу меньше...Попробуй верхнее меню отдельной таблицей сделать, как я говорил...
И прикрепи картинку, как расползается...

Face 04.01.2006 20:43

Вообщем, разобрался я с проблемой, решил так: в левый и правый блок прикрепил по прозрачной картинке шириной 123 (ширина блока), а к центральной колонке поставил width=100%:
Код HTML:

<tr>
<td width="123"><img src="i.gif" width=123 height=1><br>^^LEFT^^</td>
<td align="center" width=100%>^^MAIN^^</td>
<td align="right" width="123"><img src="i.gif" width=123 height=1><br>^^RIGHT^^</td>
</tr>

The_naked, :yees:

Naked 04.01.2006 20:48

Цитата:

Face:
центральной колонке поставил width=100%:
вот с этим аккуратнее, вообще вроде на <td>'шках нельзя ставить проценты...
Посмотри, что еще получается, если картинки убрать в броузере...

Face 04.01.2006 23:12

При отключенных картинках боковые колонки становятся еще уже, но это не проблема, главное чтобы шире 123 не были :)

RaZEr 10.01.2006 22:09

Цитата:

вообще вроде на <td>'шках нельзя ставить проценты
Это кто сказал?...


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

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