U. Helper

Дата: 13 Июня 2009, 03:11 | Сообщение # 1

● ● ● ● ●

4 сообщения

0 наград

Статус: Offline

Всем привет!

На странице справа и слева есть столбцы фиксированной ширины, а оставшееся место занимает блок (столбец, ячейка) с контентом. Блок должен занимать всю оставшуюся ширину, вне зависимости от количества контента.
Проблема, что если контента мало, то блок подгоняется под размер контента, и увеличиваться не хочет sad
Пробовал делать в форме таблицы, теперь остановился на div'ах.
Ширину этого блока фиксированно задать нельзя, так как страница должна получиться во всю ширину экрана пользователя.
Эксперементировал с width: auto, inherit, 100%; expression; min-width; table-layout: fixed.
Образец блока не на всю ширину (который нужно расширить) можно посмотреть здесь: http://vitus.org.ru/photo/

Дата: 13 Июня 2009, 12:34 | Сообщение # 2

● ● ● ● ●

1024 сообщения

0 наград

Статус: Offline

grv87, а в чём проблема? Разве так не будет работать?
Правый - float: right; width: 200px; /*К примеру*/
Основной - margin-left: 200px;

Дата: 18 Июня 2009, 02:25 | Сообщение # 3

● ● ● ● ●

4 сообщения

0 наград

Статус: Offline

Да, так действительно работает. Пока я не пытаюсь сделать расстояние в 6 пикселей от края страницы до колонки и между колонками. Тут браузеры начинают кто в лес, кто по дрова smile

Пришлось вернуться к таблице и сделал так: средняя колонка - 70% шириной, крайние - по 200px. Конечно, не лучшее решение (колонки не будут точно по 200 пикселей), но зато простое smile

Fluder

Дата: 18 Июня 2009, 10:29 | Сообщение # 4

● ● ● ● ●

705 сообщений

« 30 »

0 наград

Статус: Offline

grv87, если правильно понял вас... clear: both;

Дата: 18 Июня 2009, 22:43 | Сообщение # 5

● ● ● ● ●

4 сообщения

0 наград

Статус: Offline

subWIN

Дата: 18 Июня 2009, 23:26 | Сообщение # 6

● ● ● ● ●

931 сообщение

« 51 »

0 наград

Статус: Offline

Code

.left{margin-left:206px;width:200px;float:left}
.right{margin-right:206px;width:200px;float:right}
.center{margin-left:212px;margin-right:212px}

mob_dp

Дата: 19 Июня 2009, 20:03 | Сообщение # 7

● ● ● ● ●

4112 сообщений

« 248 »

0 наград

Статус: Offline

Запаритесь вы своими блоками воротить.

Code

Fluder

Дата: 19 Июня 2009, 21:17 | Сообщение # 8

● ● ● ● ●

705 сообщений

« 30 »

0 наград

Статус: Offline

mob_dp, согласен=)

Дата: 19 Июня 2009, 21:51 | Сообщение # 9

● ● ● ● ●

1024 сообщения

0 наград

Статус: Offline

Quote (mob_dp)

Запаритесь вы своими блоками воротить.

Эти выходные я этим заниматься и буду. Сам знаешь, зачем.

mob_dp

Дата: 19 Июня 2009, 22:27 | Сообщение # 10

● ● ● ● ●

4112 сообщений

« 248 »

0 наград

Статус: Offline

NecroProger, лучше забей.
Для колонок есть таблицы, зачем лишний раз иметь себе моск?..

Дата: 19 Июня 2009, 22:41 | Сообщение # 11

● ● ● ● ●

1024 сообщения

0 наград

Статус: Offline

mob_dp, чтобы не выглядеть мелочью пузатой перед Кроном.

Дата: 20 Июня 2009, 10:34 | Сообщение # 12

● ● ● ● ●

4 сообщения

0 наград

Статус: Offline

Так изначально с таблицей и была проблема.
Ширину таблицы ставлю 100%, правую и левую колонки делаю шириной 200px, ширину центральной не указываю.
Центральная колонка, если в ней мало содержимого, получается уже, чем надо, а справа от правой колонки ещё место остаётся. sad

Ширину центральной в пикселях задать нельзя, т.к. у всех юзеров разное разрешение и размер окна.
Решил проблему так - задал ширину центральной 70%. Конечно, левая и правая колонки не получаются точно 200px, но что поделаешь...
Зато просто и в целом работает на всех разрешениях.

Дата: 20 Июня 2009, 12:14 | Сообщение # 13

● ● ● ● ●

1024 сообщения