[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как верстать резиновую верстку?
SoMeOnE
Верстку впринципе хорошо знаю. Мне тут нужно резиновой научиться.
Так просмотрел материалы как делают. Какркас, то се.
Основной вопрос возник. В такой верстке все ширины, высоты и отступы нужно давать в процентах, или только то что относится к несущей конструкции)))
Наверное нубовский вопрос.
Но вот как допустим задавать отступы в несколько пикселей в прцентах не очень понятно, а логически думаю нужно все в процентах дать.
И шрифты все в em нужно прописывать?
И кто имеет хороший опыт, может поделиться важными моментами такой верстки.
Может я что то упускаю из вида.



Спустя 7 минут, 59 секунд (19.05.2012 - 23:35) YVSIK написал(а):
ну как пример некий для поддержки smile.gif

Спустя 4 часа, 33 минуты, 37 секунд (20.05.2012 - 04:08) SoMeOnE написал(а):
YVSIK, спасибо
Но вот только более мелкие моменты не освещаются, только каркас

Спустя 9 часов, 23 минуты, 25 секунд (20.05.2012 - 13:32) inpost написал(а):
SoMeOnE
Резина только по оси X, то есть ширина.
% задается относительно родителя.
Навигация фиксированная, если боковая, ~200px с абсолютным позиционированием. Под ней обычный блок с шириной 100%, то padding-left:200px добавить надо, чтобы информация на нави не налазила.

А дальше, лучше задавать вопросы по существу, что конкретно не получается.

Спустя 1 час, 9 секунд (20.05.2012 - 14:32) SoMeOnE написал(а):
inpost
Т.е высоты статически задавать?
допустим у меня есть блок который должен выйти из родителя и абсолютом спозиционироваться. Отступ сверху в данный момент я в пикселях могу задать?
И вообще отступы, они все в пикселях задаются? (допустим элементарные паддинги внутри текстового блока, или же небольшой margin-left)
Вот эти два вопроса...)
Шрифты нужно в em указывать?

Спустя 10 минут, 51 секунда (20.05.2012 - 14:43) inpost написал(а):
SoMeOnE
Высота - вообще не задаётся, контент должен её двигать!
Да, отступы - в пикселях, или процентах.
Шрифт я всегда в px указываю, без разницы. Хотя мне почему-то кажется, что в em тоже есть смысл. Тут я не советчик!

Спустя 18 минут, 33 секунды (20.05.2012 - 15:01) SoMeOnE написал(а):
Спасибо, за советы.

Спустя 1 час, 31 минута, 53 секунды (20.05.2012 - 16:33) sebastjan написал(а):
Про шрифты, размеры, типографику почитай тутdemiart.ru
Но сначала зарегся, форум закрытый.
Про резину тоже многое полезное там же, особенно про ограничения а то некоторые понимают резину в смысле всегда на 100% по ширине, что не верно.
Вот ссылка на одного мастера по резиновой вёрстке, разберёшься будешь молодец.
резиновая вёрстка сайтов.

Спустя 10 минут, 33 секунды (20.05.2012 - 16:44) sebastjan написал(а):
Ссылка что показал YVSIK - это уже вчерашний день, в одном варианте используется обёртка для имитации фоновового цвета колонок в другом варианте заливка бг-картинкой по вертикали, тоже эмитация.
По практикуй тему мастера по линке что дал выше.
Про отступы и EM как и писал на демиарте линк по типографики.




Спустя 7 часов, 14 минут, 57 секунд (20.05.2012 - 23:59) SoMeOnE написал(а):
sebastjan
ok, спасибо за полезные ссылки
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.