Тянущиеся элементы дизайна

BM
На сайте с 10.10.2007
Offline
10
833

Извините за вопрос начального уровня, но в двух словах интересует как делают подобные элементы?

Хочеться сделать масштабируемый сайт под разрешение дисплея, соответственно что бы сжимался к примеру не более 600 пикселей по горизонтали, а тянулся на весь экран по возможности.

ixRock
На сайте с 14.11.2006
Offline
46
#1

верстка табличная или блочная?

в кратце: задаём размеры блоков в процентах, 100% на весь экран, минимум регулируем с помощью min-width и width с expression для ие (для дивов онли) ну или если табличная верстка лучше запихнуть туда spacer высотой 1px и фиксированной ширины....

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com
deedee
На сайте с 13.06.2006
Offline
118
#2

Ширину (width) задаем не фиксированной в пикселах а в процентных соотношениях.

T
На сайте с 11.08.2005
Offline
181
#3

barmaley_man,

вопрос не в элементах дизайна, а в дизайне в целом.

Множество макетов практически невозможно сверстать "резиной", они просто не для этого рисовались.

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

При этом функциональность сайта страдать не должна.

А что и как верстать - это уже дело техники.

D5
На сайте с 01.08.2007
Offline
24
#4
barmaley_man:
Извините за вопрос начального уровня, но в двух словах интересует как делают подобные элементы?
Хочеться сделать масштабируемый сайт под разрешение дисплея, соответственно что бы сжимался к примеру не более 600 пикселей по горизонтали, а тянулся на весь экран по возможности.

промер если див, то:

#comtainer {

width: 100%;

min-width: 1000px;

}

для ie6:

*html #cntainer {

width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "auto");

}

Будет тянуться на 100%, а минимальная ширина будет 1000px

Верстка макетов HTML+CSS (http://portfoliocoder.com/)
BM
На сайте с 10.10.2007
Offline
10
#5

спасибо но я на таблицах делал...

D5
На сайте с 01.08.2007
Offline
24
#6
barmaley_man:
спасибо но я на таблицах делал...

для таблиц делаете прозрачную картнку .gif высотой 1px, а шириной равной минимальной ширине страницы и вставляете в таблицу.

ixRock
На сайте с 14.11.2006
Offline
46
#7

2 dudim55: если для ие указываем через экспрешн необазательно выносить в блок *html #cntainer , можно ниже основных стилей написать width:expression(бла бла бла);

к тому же незачем использовать никакую прозрачную картинку в качестве распорки, для этого прекрасно подходит div...

Ayavryk
На сайте с 11.10.2003
Offline
209
#8

v1 http://layouts.ironmyers.com/ - несколько сотен готовых решений

v2 http://builder.yaml.de/ - построитель сетки сайта онлайн

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
artsiti
На сайте с 08.11.2006
Offline
79
#9
dudim55:
промер если див, то:
#comtainer {
width: 100%;
min-width: 1000px;
}
для ie6:
*html #cntainer {
width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "auto");
}


Будет тянуться на 100%, а минимальная ширина будет 1000px

Заранее прошу прощения за боян...

Как задать ширину таблицы, чтобы он растягивалась в пределах скажем от 990 до 1200 px?

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