Вопрос про компоновку страницы с пом. таблиц

12 3
ximik
На сайте с 18.10.2006
Offline
200
1206

Вот непонятная ситуация: пытаюсь верстать страницу на основе таблицы. Задаю ширину всей таблицы 100%. Таблица состоит из 3-х столбцов, крайние - под разные менюшки (неизменны), средний собственно изменяющийся текст. Задаю принудительную ширину крайних столбцов 200 пикселей, получается средний занимает всё остальное пространство по умолчанию. Начинаю делать по этому макету вторую страницу, вставляю другой текст в средний столбец, в итоге ширина крайних столбцов становится больше-меньше (в разных опытах). Почему? По логике ширина крайних столбцов если смогла получится 200 пикселей (их содержимое позволило это), то должна и всегда оставаться такой, а тут изменяется :(

Разъясните пожалуйста.

T
На сайте с 23.10.2005
Offline
60
#1

понимаете же, что надо код смотреть.

возможно, что у вас браузер кривой - такое бывает.

Real
На сайте с 24.05.2006
Offline
61
#2
ximik:
По логике ширина крайних столбцов если смогла получится 200 пикселей (их содержимое позволило это), то должна и всегда оставаться такой, а тут изменяется

Попробуйте сделать жесткую верстку, т.е. не проценты а пиксели.

Если принципиально делать резиновую, то попробуйте указать ширину средней колонки.

он самый (http://alexvolkov.ru)
Varkolak
На сайте с 03.06.2005
Offline
174
#3

ximik, попробуйте боковым колонкам задать в css параметр display:block; мне помогало.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
ximik
На сайте с 18.10.2006
Offline
200
#4

Хочу уточнить вопрос по высказыванию topol"а.

Изначальная версия: http://www.stroy-mat.msk.ru/da.html

Вставляю голый текст "На этой странице представлен каталог спортивного питания фирмы Twinlab. У названия каждого продукта стоит категория, например: протеины, креатин, аминокислоты, жиросжигатели и т.д. (о предназначении продуктов каждой категории читайте по ссылкам, представленным слева страницы), ниже названия продукта есть информация, где его можно купить максимально дёшево. При переходе по ссылке продукта Вы можете ознакомиться с его описанием и узнать об отзывах."

в средний столбец (между тегами <td> и </td>) и вот что получается :( http://www.stroy-mat.msk.ru/da1.html

Крайние столбцы сужаются.

p.s. Заметил, что если вообще убрать верхнюю строку (где объединены 3 столбца), такого глюка не наблюдается и все исходные размеры сохраняются. Только почему так - не пойму :(

Разъясните пожалуйста, кто знает.

Заранее спасибо.

T
На сайте с 23.10.2005
Offline
60
#5

Вы сами же и ответили. Судя по всему, браузер считает то что в первой строке главнее

того что ниже. почему игнорирует вторую строку со столбцами - не знаю, браузеру виднее, но теория на вашей стороне. Если сделаете вторую строку солспан=3 а первую как-нибудь скроете все будет нормально. Если зададите для столбцов ширину в CSS, то то же будет результат <td style="width:200px">. Вы новичек - совет - пишите все атрибуты в двойных ковычках, что-бы привыкать и не переучиваться при переходе к XHTML. И еще пропишите доктайп, после него так же все может измениться и будет так как вы хотите. напр. этот

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ximik
На сайте с 18.10.2006
Offline
200
#6

Спасибо большое :) Бум экспериментировать

lexwrlk
На сайте с 12.10.2005
Offline
130
#7

ximik, Самое простое - верхнюю tr-ку div-ом сделать (ТВЭЛу не ругаться и не издеваться ;)) и тогда у Вас вся таблица на свои места встанет.

СДЛ СДЛу рознь (с) Форест Гамп
Erick Flatcher
На сайте с 05.02.2002
Offline
216
#8

Вот так:

Делаем главную таблицу (100%) с тремя колонками (крайние которые должны быть фиксированным размером не ограничиваем), среднюю делаем 100%, а потом просто в крайние вставляем еще по таблице нужного размера в пикселях.

Вот так:

<table border="0" width="100%" cellspacing="0">

<tr><td>

<table border="0" width="100">

<tr><td>менюшка</td></tr>

</table>

</td>

<td width="100%">

<table border="0" width="100%" cellspacing="0">

<tr>

<td>Середка</td>

</tr>

</table>

</td>

<td>

<table border="1" width="200">

<tr><td>менюшка</td>

</tr>

</table>

</td>

</tr>

</table>

ximik
На сайте с 18.10.2006
Offline
200
#9

Erick Flatcher, а почему именно так? :)

Erick Flatcher
На сайте с 05.02.2002
Offline
216
#10

а чем плоха верстка?

я так делал еще в прошлом веке -) работало всегда и везеде, и ваще так правильно -)

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий