Добрый день, Гость! Представляем Вам наши форумы. Вы можете зарегистрироваться что бы писать на форумах или зайдите под своим именем, если Вы уже регистрировались.
   
   

Форумы   Пользователи   Календарь   Помощь   Поиск   Новые сообщения   Новые темы   Темы без ответов  

Форумы
 CMS Status-X / Техническая помощь
        Резиновый дизай

Похожие темы  |  Печать страницы

Резиновый дизай

Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Суббота, 13.08.2011, 12:45

Illuminate

Группа: Пользователь
Cообщений: 2
Регистрация: 13.08.2011
Город: Санкт-Петербург
 Здравствуйте.
Пробую сделать из стандартного шаблона резинку, вро де всё получается, но уезжает правый блок.

Что было сделано:
В id="body" прописал
width: 100%;
min-width: 996px;

Левой колонке задал 250px
Правая стандартно 200px
Они мне нужны фиксированные

Делаю резиновый блок контента(проценты разные подбирал) и тут правый блок уезжает вниз если меняешь размер окна

Как сделать чтобы правый блок не съезжал ?
Пользователь офлайн
РаспечататьРаспечатать
Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Суббота, 13.08.2011, 14:13

Status-X

Группа: Администратор
Cообщений: 2055
Регистрация: 24.10.2009
Город: Санкт-Петербург
 float: right;



Заработай на своем сайте
Сервис коротких ссылок
Пользователь офлайн
РаспечататьРаспечатать
Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Суббота, 13.08.2011, 14:57

Illuminate

Автор текущей темы
Группа: Пользователь
Cообщений: 2
Регистрация: 13.08.2011
Город: Санкт-Петербург
 Но у правого блока по умолчанию float: right;
Пользователь офлайн
РаспечататьРаспечатать
Ссылка на сообщение в теме    Ссылка на страницу сообщения   Жалоба на сообщение  Наверх
События Воскресенье, 14.08.2011, 00:43
Возьми за основу макет от Matthew James Taylor - грамотная верстка и поддержка всеми браузерами, самое главное продумана с точки зрения поисковой оптимизации, центральный блок идет первым в листинге кода - вот шаблоны на все случаи жизни - http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm также возможно их сделать не резиновыми используя - http://matthewjamestaylor.com/blog/how-to-convert-a-liquid-layout-to-fixed-width
PS: но делая резинку - подумай как она будет смотреться на разрешении 2650 на 1440 щас уже в основном все мониторы идут с большим разрешением, наоборот советую не делать резиновых в связи с широким применением мониторов от 24" c большим разрешением.

Отредактировано Dmitry: 14.08.2011, 07:14:23
РаспечататьРаспечатать


Похожие темы  |  Печать страницы  |   Предыдущая тема  |   Следующая тема

Быстрый переход: 
 

 Сейчас на сайте


Пользователей: 1, Гостей: 8
froy
Поисковые боты: 8
Googlebot(2), Yandex, Unknown Bot(5)

 Статистика форума


  Темы Сообщения Пользователи
За сутки: 2 4 1
За неделю: 8 30 45
За месяц: 33 129 187
Всего: 882 6523 1359
Мы приветствуем нового участника: Legion

 Дни рождения


Serega (43)
Печать | Copyright © 2009 - 2012 Status-X All rights reserved | Powered by CMS Status-X 1.04 | Контакты