Резиновая верстка. Вопрос

12
G
На сайте с 15.08.2009
Offline
38
805

Хочу сделать рещиновую страницу из 3х колонок.

Подскажите как лучше реализовать. Есть 2 варианта:

1. Левый и правый блоки даю фиксированной ширины. Например левый 180px, правый 250px.

При разрешении 1280х800 ширина центрального блока получается 850 пикселей. Страница выглядит пропорционально.

При разрешении 1024х768 ширина центрального блока получается 594 пикселя. Центральный блок выглядит немного уродски.. (ИМХО)

2. Задаем размеры в процентах: Левый -15%, Правый 20%, Центр -65%

При разрешении 1280х800 ширина левого блока получается приблизительно 180пикс., правого 250пикс, центральный - 830пикс.

При разрешении 1024х768 ширина левого блока получается приблизительно 153пикс., правого 204пикс, центральный - 665пикс.

В этом случае большая вероятность, что верстка поплывет. Например: В правом блоке даю блок googleadsense (квадрат 250350пикс.), а в левом баннершириной170пикселей.

При разрешении 1280х800 страница будет отображаться коректно, а при 1024х768 она "поплывет"

Как лучше поступить? Какой вариант выбрать?

Куплю ссылки, размещу статьи на сайтах агро и смежных с агробизнесом тематик.
Qinghua
На сайте с 01.09.2009
Offline
103
#1

Фиксированный с одной колонкой.

Вам что, трёх навигаций мало (верх, сторона, низ)?

Можете js подключить (ширина дива зависит от разрешения)

I5
На сайте с 04.05.2006
Offline
75
#2

Я использую фиксированную ширину для сайдбаров и резину для контента.

Центральный блок выглядит немного уродски.. (ИМХО)

- может тогда стоит его довести до ума?

Доп. варианты для использования через CSS, которые смогут вас натолкнуть на решение: функционал min-width и overflow.

zhuk85
На сайте с 02.03.2009
Offline
11
#3

Думаю, что второй вариант будет лучше в любом случае, а если гугла портит структуру таблицы, так задайте для ее строки внутренюю таблицу с фиксированным размером

Я критик и репутации своей не стесняюсь
yougene
На сайте с 03.06.2009
Offline
6
#4

для этого есть парамерт min-width. лучше сделать так: действовать по 2 и задать каждому блоку минимальную ширину в пикселах

waiting gor the day that never comes
Brand from Amber
На сайте с 18.08.2007
Offline
291
#5

+ 1 за min-width за исключением одного "но" которое тут выделено розовым. Эля исключения данного исключения можете использовать img с прозрачным гифом размером на "1x Cколько нужно".

Лучший способ понять что-то самому - объяснить это другому.
Z-Den
На сайте с 30.06.2007
Offline
25
#6

А вы сделайте нормальный макет под 1024, а потом растягивайте его на большие разрешения. А то получилось вы сделали на 1280, и пытаетесь его уменьшить, и естественно что-то будет не влазить и т.д.

D
На сайте с 01.04.2009
Offline
97
#7

Потерто...

Ткач
На сайте с 29.04.2007
Offline
95
#8

макет рисуется на 1000 (1024-24 (полоса прокрутки) для 17 дюймов), а потом уже вширь растягивается версткой

Если необходимо более меньшее разрешение - рисуется макет на ещё меньшем разрешении

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
[Удален]
#9
gazmyas:
Хочу сделать рещиновую страницу из 3х колонок.
Подскажите как лучше реализовать. Есть 2 варианта:
1. Левый и правый блоки даю фиксированной ширины. Например левый 180px, правый 250px.
При разрешении 1280х800 ширина центрального блока получается 850 пикселей. Страница выглядит пропорционально.
При разрешении 1024х768 ширина центрального блока получается 594 пикселя. Центральный блок выглядит немного уродски.. (ИМХО)

2. Задаем размеры в процентах: Левый -15%, Правый 20%, Центр -65%
При разрешении 1280х800 ширина левого блока получается приблизительно 180пикс., правого 250пикс, центральный - 830пикс.
При разрешении 1024х768 ширина левого блока получается приблизительно 153пикс., правого 204пикс, центральный - 665пикс.
В этом случае большая вероятность, что верстка поплывет. Например: В правом блоке даю блок googleadsense (квадрат 250350пикс.), а в левом баннершириной170пикселей.

При разрешении 1280х800 страница будет отображаться коректно, а при 1024х768 она "поплывет"

Как лучше поступить? Какой вариант выбрать?

по-моему все просто.

левый 20% но не менее 250 пикселей

правый 15% (это разумнее, делать большую колонку слева), но не менее 180 пикселей

остальное 65%. в 1024 получится 570 пикселей, что при прочих размерах вполне себе нормально. И не засовывать в блоки то, что туда не влезет.

И вся страница не должна схлопываться меньше чем на 900 пикселей (полоса прокрутки разная бывает, не обязательно 24 пикселя)

Ткач
На сайте с 29.04.2007
Offline
95
#10

neolord, там надо макет смотреть, ибо может быть он так нарисован - что не позволит сжиматся и до минимальной ширины

12

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