Срочно подскажите по резиновой верстке

12
P
На сайте с 09.01.2009
Offline
12
1069

Забыл общий принцип резиновой верстки . Цель - добиться комфортного просмотра сайта в разрешениях от 1024 *768 до 1600 *1200 . Очень прошу скажите , что надо в процентах делать , что в пикселях , а что в кеглях (em) .Все сделал в процентах , и все плывет ... В общем срочно нужна помощь

[Удален]
#1

учитесь верстать =)

Общих принципов там только один - сайт должен занимать всю ширину окна браузера. Соответственно я бы отталкивался от процентов.

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

100% и есть резина, причем там кегли?

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
P
На сайте с 09.01.2009
Offline
12
#3

Я имею в виду допустим я верстаю процентами , в моем разрешении 1280 * 1024 все гуд . Но снижаю до 1024 * 768 , и все разваливается , меню съезжает друг на друга и прочие радости .

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

а при чем тут резина тогда?

верстайте так что б не разваливалось. Или делайте экспрешн с минимальной шириной

Ayavryk
На сайте с 11.10.2003
Offline
209
#5
psixopad:
В общем срочно нужна помощь

Если срочно - то возьмите готовые шаблоны.

xhtml.ru/instr/3col_creator/

builder.yaml.de/

csscreator.com/?q=tools/layout

developer.yahoo.com/yui/grids/builder/

А так же

mycelly.com/

layouts.ironmyers.com/

blog.html.it/layoutgala/

css-discuss.incutio.com/?page=ThreeColumnLayouts

960.gs/

www.dynamicdrive.com/style/layouts/category/C11/

devkick.com/lab/tripoli/

code.google.com/p/blueprintcss/

bluetrip.org/

code.google.com/p/malo/

code.google.com/p/emastic/

css-framework.ru/

code.google.com/p/css-boilerplate/

capsizedesigns.com/blog/2008/04/bluetripcss-a-fusion-of-blueprint-and-tripoli/

neolord:
Общих принципов там только один - сайт должен занимать всю ширину окна браузера. Соответственно я бы отталкивался от процентов.

Догма про 100% резину сейчас уже не имеет такого распространения как 5 лет назад, но еще жива. Как ни странно.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
_
На сайте с 24.07.2002
Offline
299
_Ad
#6

угу.. в цсс придумали max-width и min-width, а также набор цсс хаков для корректной работы с некоторыми броузерами..

зы. Автор. Пожалейте юзеров. Ну кто ж вам будет читать полуметровые строчки на больших разрешениях? Это ж глаза повылазиют.

P
На сайте с 09.01.2009
Offline
12
#7

Ну а какие альтернативные варианты резине есть ? Чтобы в ИЕ, опере, файрфоксе и сафари все хорошо смотрелось во всех основных разрешениях

FB
На сайте с 09.01.2009
Offline
17
#8

Можете сделать кучу вариантов сайта для разных разрешений. А на главной странице попросить юзера выбрать нужное ему разрешеие. Но это намного сложнее, чем просто сесть на попу и разобраться с принципами резиновой верстки.

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

сделайте ширину 100%, в css задайте min-width: 1000px; а для экслорера

width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');

всё

Ayavryk
На сайте с 11.10.2003
Offline
209
#10
psixopad:
Ну а какие альтернативные варианты резине есть ? Чтобы в ИЕ, опере, файрфоксе и сафари все хорошо смотрелось во всех основных разрешениях

Дело не в броузерах а в мониторах. Резиновый фетиш придумали тогда когда все мониторы имели 75/96dpi разрешение и разброс в ширине экрана 1.2 раза. Сейчас разрешение 120dpi и разброс в четыре раза. Любая резинка при таких напряжениях лопнет и от дизайна ничего не останется как бы дизайнер не старался.

Реальная альтернатива в использовании min-width max-width но и их скоро хватать не будет. Впереди другие альтернативы. Что-то типа:

http://cssing.org.ua/2008/09/17/adaptive-boxes/

http://meyerweb.com/eric/thoughts/2005/11/09/multi-unit-any-order-columns/

http://habrahabr.ru/blogs/css/42794/

Но никак не растяжка таблицы/дива на всю ширину.

12

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