[jQuery UI] резиновая верстка

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

[jQuery UI] резиновая верстка

Непрочитанное сообщение ProFTP » 2011-02-19 12:13:19

используется jQuery UI, все что там есть...

подскажите, как лучше всего сделать резиновую верстку под разные разрешения экрана?
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

Аватара пользователя
Volodymyr
лейтенант
Сообщения: 614
Зарегистрирован: 2008-06-17 16:04:56
Откуда: Ukraine, Lviv
Контактная информация:

Re: [jQuery UI] резиновая верстка

Непрочитанное сообщение Volodymyr » 2011-03-01 1:58:02

Очень зависит от макета. Лутше всего все вінести в CSS и не прибивать размеры.

Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

Re: [jQuery UI] резиновая верстка

Непрочитанное сообщение ProFTP » 2011-03-01 12:11:04

Volodymyr писал(а):Очень зависит от макета. Лутше всего все вінести в CSS и не прибивать размеры.
сори не понял, что значит "вынести в CSS"? сделать резиновую?

но мне кажется, что это сложно сделать чем "НЕ резиновую"

например, есть монитор 19-21 диагональ, ноутбук - 15

как Вы думаете, может быть сделать реально лучше под 2 разрешения, под 15 диагональ и под 19??
или все равно?
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

Аватара пользователя
Volodymyr
лейтенант
Сообщения: 614
Зарегистрирован: 2008-06-17 16:04:56
Откуда: Ukraine, Lviv
Контактная информация:

Re: [jQuery UI] резиновая верстка

Непрочитанное сообщение Volodymyr » 2011-03-01 12:16:52

Не так и сложно сделать одну. Больше могу помочь если увижу макет (если он есть). Делал пару таких версток, как для студийного сайта http://nucleart.net так и для новостного http://sarov.cc

Аватара пользователя
vadim64
майор
Сообщения: 2101
Зарегистрирован: 2009-09-17 15:15:26
Откуда: Засратовец

Re: [jQuery UI] резиновая верстка

Непрочитанное сообщение vadim64 » 2011-03-01 13:12:14

на портале _http://sarov.cc задумано что в колонке #content img не центрируются по середке или забил просто?
Люди не делятся на национальности, партии, фракции и религии. Люди делятся на умных и дураков, а вот дураки делятся на национальности, партии, фракции и религии.

Аватара пользователя
Volodymyr
лейтенант
Сообщения: 614
Зарегистрирован: 2008-06-17 16:04:56
Откуда: Ukraine, Lviv
Контактная информация:

Re: [jQuery UI] резиновая верстка

Непрочитанное сообщение Volodymyr » 2011-03-01 13:29:37

Задумано, там весь контент ровняется по левому краю (все три колонки). Единственно что сейчас заметил, "отекание" пропало, дырки теперь смотрятся совсем не гармонично.

Но суть колонок как-раз в

Код: Выделить всё

#left,
#info {
	width: 20%;
	vertical-align: top;
	padding: 20px;
}

#content {
	width: 60%;
	vertical-align: top;
	padding: 20px;
}
Еще одно правило для резиновых сайтов, надо таки определится с минимальной и максимальной шириной и прописать это в стили. А то мониторы бывают иногда уж очень широкими.

Аватара пользователя
vadim64
майор
Сообщения: 2101
Зарегистрирован: 2009-09-17 15:15:26
Откуда: Засратовец

Re: [jQuery UI] резиновая верстка

Непрочитанное сообщение vadim64 » 2011-03-01 13:34:38

а блочной вёрстки есть примеры?
upd: пардон, первый сайт не посмотрел
Люди не делятся на национальности, партии, фракции и религии. Люди делятся на умных и дураков, а вот дураки делятся на национальности, партии, фракции и религии.

Аватара пользователя
Volodymyr
лейтенант
Сообщения: 614
Зарегистрирован: 2008-06-17 16:04:56
Откуда: Ukraine, Lviv
Контактная информация:

Re: [jQuery UI] резиновая верстка

Непрочитанное сообщение Volodymyr » 2011-03-01 13:49:03

Я потому і дал 2 примера табличная и блочная. Из личного опыта. Ничего плохого в таблице нету.