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)

Расползание таблицы

Есть таблица:

Код 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:

Цитата:

Face:
вся главная таблица ... расползается

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

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

Цитата:

Face:
+ есть левый и правый блок информации

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

Вообщем, разобрался я с проблемой, решил так: в левый и правый блок прикрепил по прозрачной картинке шириной 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:

Цитата:

Face:
центральной колонке поставил width=100%:

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

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

Цитата:

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

Это кто сказал?...