![]() |
Модераторы: Illuminaty |
![]() ![]() ![]() |
|
PARROT |
|
|||
![]() Эксперт ![]() ![]() ![]() ![]() Профиль Группа: Экс. модератор Сообщений: 2339 Регистрация: 5.1.2005 Где: Спб-ЦарьГрад Репутация: 2 Всего: 50 |
У меня написано всего 2 сайта, и все они с фиксированным разрешением.
Как сделать сайт резиновым? Понятно, что при указании ширины и высоты нужно указывать %, а дальше что? Помоему этого мало. Расскажите пожалуйста. Актуально. Спасибо! -------------------- Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим! |
|||
|
||||
Cheba |
|
|||
![]() pointless one ![]() ![]() ![]() Профиль Группа: Vingrad developer Сообщений: 1777 Регистрация: 27.11.2003 Где: /dev/null Репутация: 14 Всего: 62 |
Если верстаешь таблицами, то отступов по краям и % в ширине вполне достаточно.
Лично я предпочитаю div + css layout. |
|||
|
||||
PARROT |
|
|||
![]() Эксперт ![]() ![]() ![]() ![]() Профиль Группа: Экс. модератор Сообщений: 2339 Регистрация: 5.1.2005 Где: Спб-ЦарьГрад Репутация: 2 Всего: 50 |
Таблицами, сейчас пробую сделать весь размер в %, только вот непонятно, что делать с картинками в этом случае.
Как их рисовать? -------------------- Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим! |
|||
|
||||
OPG |
|
|||
Шустрый ![]() Профиль Группа: Участник Сообщений: 117 Регистрация: 25.2.2005 Репутация: нет Всего: 1 |
Делаешь две картинки, для левого края и правого. Таким образом картинка состоит из трех частей, причем центральная должна быть такой, чтобы растягивание ее, не имело значение. Например, одноцветной. Таким образом при резиновом дизайне, две картинки разъезжаются по бокам, а в центре всегда один и тот же цвет. Да методов навалом, все зависит от каждого конкретного случая.
|
|||
|
||||
GoodBoy |
|
|||
![]() Главный джедай ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 3886 Регистрация: 8.1.2003 Где: КМВ Репутация: 5 Всего: 83 |
Преренесено из "Веб-дизайна"
|
|||
|
||||
AztEK |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 723 Регистрация: 4.1.2005 Репутация: 4 Всего: 18 |
Была у меня раньше такая бредовая идея - написать на Jave скриптик, который в зависимости от разрешения пишет ссылку на разные стили. К примеру если у тебя разметка состоит из таблиц, то каждой из них можно прописать class с фиксированной высотой/шириной/бэкграундом/и т.д.
ЗЫ. правда скрипт написать не получилось ![]() ![]() ![]() ![]() -------------------- Linux is like wigwam -- no windows, no gates, apache inside. |
|||
|
||||
Cheba |
|
|||
![]() pointless one ![]() ![]() ![]() Профиль Группа: Vingrad developer Сообщений: 1777 Регистрация: 27.11.2003 Где: /dev/null Репутация: 14 Всего: 62 |
AztEK, что-то идею не совсем понял. Ты хочешь в зависимости от разрешения подгружать разные файлы стилей? А если пользователь просто окошко ужмет, что тогда будет?
|
|||
|
||||
AztEK |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 723 Регистрация: 4.1.2005 Репутация: 4 Всего: 18 |
Cheba
скроллы будут - ИМХО если содержимое страницы будет сжиматься - это не есть хорошо -------------------- Linux is like wigwam -- no windows, no gates, apache inside. |
|||
|
||||
liliana2 |
|
|||
Бывалый ![]() Профиль Группа: Участник Сообщений: 178 Регистрация: 19.11.2007 Репутация: нет Всего: нет |
Это отличная идея а как-нибудь без скрипта это реализовать можно? |
|||
|
||||
skyboy |
|
|||
неОпытный ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 6 Всего: 260 |
liliana2, понятие "разрешение" на стороне сервера отсутствует. такое есть только на стороне клиента. с другой стороны, спецификаия HTML и CSS никакой динамики кроме псевдоклассов типа hover в стилях не предоставляет.
значет, без скрипта никак. |
|||
|
||||
SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Только, очевидно, привязываться нужно не к разрешению экрана, а к размерам окна. Есть удачные примеры такого подхода (правда, первоисточник, похоже, сейчас лежит).
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
InfMag |
|
||||||
… ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1037 Регистрация: 21.11.2004 Репутация: нет Всего: 4 |
AztEK, а чо там писать?
![]() Привязываешь пару js файлов:
styles1.js
styles2.js
И используя функцию расчета экарана вызываешь либо ту либо другую функцию вывода стилей ![]() P.S. Сорри за оффтопик |
||||||
|
|||||||
SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
InfMag, это не оффтопик, но совет, имхо, вредный. Более правильная, на мой взгляд, реализация - подмена src у тега link, которым подключается основная таблица стилей, по загрузке исходника + по ресайзу окна (как было в том примере по ныне недоступной ссылке). Тоже не идеал, но мне пока ничего лучше в голову не пришло...
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
Qwesa |
|
|||
Шустрый ![]() Профиль Группа: Участник Сообщений: 96 Регистрация: 9.10.2007 Репутация: нет Всего: нет |
Да вот щас тоже верстаю страницу под два разрешения 1024 и 1280. Таблица общая имеет 100%, и 100% внутренняя - которая соответственно имеет три столбика (первый к примеру =300, второй =по умолчанию, третий =300) таким образом резина получается за счет среднего столбца. Но вот в чем трабл((, когда играеш с разрешением все нормально, а как начинаешь сжимать в окно и минимизировать - содержимое сжимается до минимума, и также сжимаются те столбцы у которых введено значение ширины!( Подскажите как это устранить, как можно сделать к примеру чтоб при с жатии, содержимое доходило до минимума и дальше просто нужно было б скролировать страницу, дапустим 300 +(200) +300 - чтоб меньше 800px таблицы не сжимались?
|
|||
|
||||
![]() ![]() ![]() |
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |