Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Резиновый сайт, помогите с реализацией... 
:(
    Опции темы
PARROT
Дата 26.2.2005, 16:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50



У меня написано всего 2 сайта, и все они с фиксированным разрешением.
Как сделать сайт резиновым? Понятно, что при указании ширины и высоты нужно указывать %, а дальше что?
Помоему этого мало.
Расскажите пожалуйста. Актуально. Спасибо!


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
Cheba
Дата 26.2.2005, 17:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62



Если верстаешь таблицами, то отступов по краям и % в ширине вполне достаточно.
Лично я предпочитаю div + css layout.
PM MAIL ICQ   Вверх
PARROT
Дата 26.2.2005, 18:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 2
Всего: 50



Таблицами, сейчас пробую сделать весь размер в %, только вот непонятно, что делать с картинками в этом случае.
Как их рисовать?


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
OPG
Дата 28.2.2005, 09:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 117
Регистрация: 25.2.2005

Репутация: нет
Всего: 1



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

PM MAIL   Вверх
GoodBoy
Дата 28.2.2005, 13:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 5
Всего: 83



Преренесено из "Веб-дизайна"


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
AztEK
Дата 28.2.2005, 20:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18



Была у меня раньше такая бредовая идея - написать на Jave скриптик, который в зависимости от разрешения пишет ссылку на разные стили. К примеру если у тебя разметка состоит из таблиц, то каждой из них можно прописать class с фиксированной высотой/шириной/бэкграундом/и т.д.



ЗЫ. правда скрипт написать не получилось smile smile smile smile


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
Cheba
Дата 1.3.2005, 10:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62



AztEK, что-то идею не совсем понял. Ты хочешь в зависимости от разрешения подгружать разные файлы стилей? А если пользователь просто окошко ужмет, что тогда будет?
PM MAIL ICQ   Вверх
AztEK
Дата 3.3.2005, 15:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 723
Регистрация: 4.1.2005

Репутация: 4
Всего: 18



Cheba
скроллы будут - ИМХО если содержимое страницы будет сжиматься - это не есть хорошо


--------------------
Linux is like wigwam -- no windows, no gates, apache inside.
PM MAIL Jabber   Вверх
liliana2
Дата 26.12.2007, 11:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет



Цитата(AztEK @ 28.2.2005,  20:16)
Была у меня раньше такая бредовая идея - написать на Jave скриптик, который в зависимости от разрешения пишет ссылку на разные стили. 

Это отличная идея а как-нибудь без скрипта это реализовать можно?
PM MAIL ICQ   Вверх
skyboy
Дата 26.12.2007, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



liliana2, понятие "разрешение" на стороне сервера отсутствует. такое есть только на стороне клиента. с другой стороны, спецификаия HTML и CSS никакой динамики кроме псевдоклассов типа  hover в стилях не предоставляет.
значет, без скрипта никак.
PM MAIL   Вверх
SelenIT
Дата 26.12.2007, 12:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



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


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
InfMag
Дата 29.12.2007, 10:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата



***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 21.11.2004

Репутация: нет
Всего: 4



AztEK, а чо там писать? smile
Привязываешь пару js файлов:
Код

<script src="styles1.js"></script>
<script src="styles2.js"></script>

styles1.js
Код

function styles1()
{
document.write('<style>body{background:#EAEAEA}</style>');
}

styles2.js
Код

function styles2()
{
document.write('<style>body{background:#FF0000}</style>');
}

И используя функцию расчета экарана вызываешь либо ту либо другую функцию вывода стилей smile

P.S. Сорри за оффтопик
PM   Вверх
SelenIT
Дата 29.12.2007, 23:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



InfMag, это не оффтопик, но совет, имхо, вредный. Более правильная, на мой взгляд, реализация - подмена src у тега link, которым подключается основная таблица стилей, по загрузке исходника + по ресайзу окна (как было в том примере по ныне недоступной ссылке). Тоже не идеал, но мне пока ничего лучше в голову не пришло...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Qwesa
Дата 30.12.2007, 14:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 96
Регистрация: 9.10.2007

Репутация: нет
Всего: нет



Да вот щас тоже верстаю страницу под два разрешения 1024 и 1280. Таблица общая имеет 100%, и 100% внутренняя - которая соответственно имеет три столбика (первый к примеру =300, второй =по умолчанию, третий =300) таким образом резина получается за счет среднего столбца. Но вот в чем трабл((, когда играеш с разрешением все нормально, а как начинаешь сжимать в окно и минимизировать - содержимое сжимается до минимума, и также сжимаются те столбцы у которых введено значение ширины!( Подскажите как это устранить, как можно сделать к примеру чтоб при с жатии, содержимое доходило до минимума и дальше просто нужно было б скролировать страницу, дапустим 300 +(200) +300 - чтоб меньше 800px таблицы не сжимались?
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0867 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.