Верстка

M
На сайте с 24.06.2009
Offline
105
519

Решил из стандартного шаблона который сделан шириной в 900п сделать резиновый, все перевел в проценты но проблема с левым блоком меню сайта, на больших разрешениях он широкий. У меня по статистике хосты с 1024х768 а затем 1920. И как с этим быть?

fsou1
На сайте с 17.07.2012
Offline
45
#1

Не уверен, но посмотри в сторону свойства max-width

DavyJohnes
На сайте с 05.01.2011
Offline
84
#2

Как вариант задать конкретную ширину блока меню в пикселях а все остальное резиновое.

https://handy-tools.io (https://handy-tools.io) - Набор полезных утилит для всех!
kdv12
На сайте с 05.12.2011
Offline
52
#3

Используй ширину в процентах + max-width. Конкретная ширина хорошо будет смотреться в 1024, а в 1920 будет пустовата страница.

Разработка сайтов любой сложности на 1С-Битрикс. Бесплатные консультации.
M
На сайте с 24.06.2009
Offline
105
#4

Плывут блоки при меньшем разрешении, установил max-width на левый блок, но с правым в процентах прям беда. Вот если бы сделать 100 процентов за минусом левого блока в пикселях. width:100% -180px )

---------- Добавлено 11.10.2012 в 19:52 ----------

Или можно сделать через width:auto

M
На сайте с 24.06.2009
Offline
105
#5

Решил просто переделать свой шаблон, задача такая:

Меню стандартное 180п

Шапка, продукт-лист, футер резиновые

Сделал все, но с продуктами пришлось поступить так

width:auto; float:right; margin-top:2em; margin-left:4em; position:absolute; left:190px

Отступы от блока с меню все работает, товары при уменьшении разрешения складываются в колонку и наоборот.

Беда с футером, граница выставляется почему то от блока меню а не от центрального.

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

IL
На сайте с 20.04.2007
Offline
435
#6
m0tti:
Беда с футером, граница выставляется почему то от блока меню а не от центрального.

граница какая? подвалу margin-top можно добавить.

P.s. http://yandex.com/yandsearch?foreign=1&text=layout%20generator&lr=87, http://htmlbook.ru/samlayout/tipovye-makety

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

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