Привет всем. Нужно сделать так, чтобы трёхколончатая таблица разъезжалась по особому Смотрите картинку...



Нужно чтобы две первые колонки были фиксированные и не разъезжались, а последняя разъезжалась.

Приведите пример в DIV и TABLE версиях, плиз...




Заранее благодарен,
MPx

MPx
А разницы практически нету как верстать, главное одно - высоту (если ненужно растяжение) указываеш в пикселях, ширину первых двух столбцов указываеш в пикселях (60 и 65 соответственно), ширину третьего процентах и будет всё как надо а уж извини таблицу из трёх столбиков сверстать - это уже сам

Это сообщение отредактировал(а) Куксикус - 25.1.2006, 14:05

Нужно сказать, что первые две будут разъезжаться, если слово будет слишком длинным... можно пофиксить, используя css св-во overflow (или как там оно =) )
Ну в общем подключи фантазию )

Это сообщение отредактировал(а) HipJ - 25.1.2006, 14:05

где __blank.gif - картинка, прозрачная с размерами 1/1 пикселей. я так иногда делаю... тогда столбцы никогда не будут меньше размера этой картинки...

MPx, вообще-то неправильно начинать предложение с фразы "сделайте мне". Лично мне неприятно, когда кто-то совсем незнакомый сразу "сделай мне"... Ну, эт так...

Вот тебе на дивах пример.

Принцип действия.
Работает это очень просто. Первые два слоя (div#col1 и div#col2) делаются плавающими слева. При этом они изымаются из нормального потока документа. Таким образом последний слой (div#col3) поднимется вверх и занимет всю ширину документа. Чтобы не возникало некрасивостей, а казалось, что у нас настоящие колонки на всю высоту документа мы делаем у третьего блока (div#col3) поле слева по ширине двух первых. Таким образом мы имеем трехколончатое расположение. Конечно, красота на этом все еще должна быть наведена, но нужного расположения мы добились.

А вообще-то поиск рулит по всем параметрам. Это точно. Можешь проверить, если не веришь.

Куксикус

Я знаю Но у меня (почему-то?) не получилось... и первая и вторая таблицы просто разъехались. Поэтому решил посоветоваться.

HipJ
Я там говорил про резиновую таблицу, а твой пример статический. Но принцип я твой понял. Я знаю, я тоже так думал делать. Но первые две колонки не стоят на месте... а двигаются... вместе с прогрессом
Не совсем понял, к чему overflow. Это свойство для управления текста, если оно не помещается( Напиши пример, пожалуйста, как применить.

AntonioBanderaz
Спасибо. Про прозрачную картинку знаю. Я вообще обычно вставляю слой с фиксированным размером. Но мне надо, чтобы она не НЕ УМЕНЬШАЛАСЬ, а наоборот... не увеличивалась и была фиксированного размера.

Cheba
Я ведь не писал "сделай мне"... Я вообще вас всех люблю Просто по-мойму топик должен содержать суть темы, а не слёзы радости о том, как мне приятновидеть вас здесь всех и если у вас немного времени, не могли бы вы мне помочь сделать так и так. Если поможете, поставлю за вас свечку
Теперь к делу Пример отличный, это как раз то, что мне надо. Просто пытался сделать такое же, но третья таблица у меня упорно не хотела ставиться в один ряд с первыми двумя (даже с float: left; ).

А вообще-то поиск рулит по всем параметрам. Это точно. Можешь проверить, если не веришь.
Честно говоря, позабыл про него( Пробежался по топикам первой страницы этой ветки, ничего не нашёл... Приму к сведению Ещё раз спасибо




Да и вообще всем спасибо. Не ожидал увидеть так много комментариев.
Приятного дня

MPx, слезы тоже ни к чему. Смотри ссылку у меня в подписи.

У меня идентичнй вопрос, только таблица должна быть width=100%:
Есть три колонки:
|Левая, width = 150px| Центр |Правая, width=150px|
Как мне это реализовать? Попробовал через:

но ничего не получилось...

Подскажите, пожалуйста.

Ну, ты на верном пути.
Все совершенно так же, только второй блок флоатиш по правую сторону, делаешь боковым колонкам свою ширину и отступы для третьего блока делаешь по обе стороны.

Че то не понял, что Вы написали, не могли бы Вы код показать...

Guedda, это плохо, что не понял...

Спасибо.