Joomla 1.0 Как рисовать дизайн, чтобы сверстать потом резиновый сайт?

Сейчас рисуется дизайн, и встал вопрос какой должен быть дизайн, чтобы сайт на джумле был резиновым?
Есть какие-то рекомендации?

И еще делаем background, можно ли его сделать резиновым и как?
Спасибо.

 

при помощи css замечательно выходит. Здесь http://joomla-support.ru/showthread.php?p=66499#post66499 выложен чистый файл стилей для 1.5 c комментариями, задаешь основную область в % , лево-право можно тоже в %, в em или px

 

смотря что за background

 

Интересно а что можно сделать резиновый?

 

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

 

А каким образом?

 

stranik, в background после урл и положения (url(путь до картинки)top center, к примеру) прописываем repeat-y или repeat-x в зависимости от того как повторяется картинка по вертикали или по горизонтали.

 

Это мне известно, но repeat - это повторять. И действует это методом повторения. А мне интересно утверждение "растягивает", по мойму это несколько другое.

 

stranik, это не несколько другое, сам представь, у тебя есть картинка скажем размером 900 пикселей на 200, представляешь что будет если она будет просто растягиваться на разрешение 1400 допустим. Как вариант используется набор из 3х картинок, левая (установленной ширины), правая (установленной ширины) и центр (через повтор), который при повторении картинки может с легкостью связываться и с левой и с правой стороной. То есть картинка может или быть просто одной с установленной шириной или повторяться, есть еще один вариант чаще всего применяется в модулях, делается картинка шириной под модуль и высотой скажем 2000 пикселей и присоединяется к шапке модуля (module_content_top к примеру). То есть по мере увеличения высоты модуля нижняя картинка не растягивается и берет высоту за счет тех самых 2000 пикселей. Других вариантов нет и быть не может, если конечно фон идет не одного тона без градиента и рисунков.

 

koreeckz Я это прекрасно знаю. Проблема в том colors пытался утверждать обратное. Мой вопрос был адресован именно ему, может он знает какие-то неведомые миру методы. А прочитает это юзер незнающий и начнёт всех донимать вопросом "Как сделать резиновый фон?", лишь потому что определение было изначально не верно. Всё таки этот форум призван развивать а не путать.

 

stranik, ну на форуме часто встречаются заблуждения, особенно от новых людей ) В спорах рождается истина как известно. Хотя ИМХО иногда приятнее самому дойти до ответа, чем ждать пока тебе скажут на форуме - учи ксс, учи пхп или рано тебе еще создавать сайты )

 

Можно. Возможно у нас с Вами разное понимание понятия резиновый. В моем понимании это создающий заполненную область (в данном случае изображением), в зависимости от размера окна браузера. КАК заполняемую, это уже другой вопрос, технический. Естественно, что повторением картинки, а не растягиванием.
Я поэтому и отвечаю "смотря что за background", если переходов от картинки к картинке видно не будет, так и пожалуйста..

 

Можно пойти более сложным путем, как http://www.2advanced.com определить js параметры дисплея и подгрузить нужную картинку фона

 

Давайте все таки называть вещи своими именами.
А по поводу "резинового" фона, собственно как и резиновых изображений - в мою бытность верстальщика мне встречались так сказать дизайнеры которые требовали именно резиновое решение фона и изображений, а не repeat. Решить это, как уже сказал Asylum, можно, но сами понимаете все выходящие последствия.

 

Ну тогда еще пример, именно резины http://www.barviha-club.ru/, правая часть тянется до конца экрана, такое же решение в шапках на остальных страницах сайта

 

Тот же repeat или просто большое изображение.
Резиновое изображение - это когда изображение именно тянется, т.е. деформируется в зависимости от размера области где оно находится. Например на маленьком экране оно 50х50рх, а на большом 150х150рх. Такое решается только через js.

 

Ну дак на главной правая часть картинки и тянется, заместо repeat можно поставить 100%