Резиновая вёрстка

[AiVeR]

В общем верстаю в HTML и CSS. Но умею верстать под определённый размер екрана. Как сделать сайт резиновым?

Если можно, то дайте сслки на пособия.

[klierik]

ам... я немного не понял в чем суть вопроса оО

[AiVeR]

Ну в общем я могу сверстать сайт под размер 1280х1024. В размере большем он будет некрасиво растянут или сбоку будет пустое место. Как можно верстать резиново?

[klierik]

а Вы просто не задавайте фискированный размер макету, но при том учитывайте минимальную допустимую ширину

[AiVeR]

Вот например я верстал отступами.

Я так понимаю, что вы другим верстаете ( наверное он удобнее)

Можете сказать как, может у вас есть пример?

Спасибо заранее

[klierik]

Вот например я верстал отступами.

это как?

[AiVeR]

Ну вот допустим я делал сайт такой:

http://aiver.ho.ua/Site2/index.htm

Там КСС такой:

.tb1 {

position: absolute;

top: 300px;

left: 40px;

width: 300px;

height: 540px;

background-image: url('left.gif');

padding: 10px;

}

.tb2 {

position: absolute;

top: 300px;

right: 40px;

width: 312px;

height: 540px;

background-image: url('right.gif');

padding: 10px;

}

.tb3 {

position: absolute;

top: 245px;

left: 300px;

width: 637px;

height: 600px;

background-image: url('center.gif');

padding: 10px;

}

[AiVeR]

up

[Searcher]

Это не отступы называется, а абсолютное позиционирование ))

А чтобы элементы размещались в зависимости от размеров окна, необходимо задавать относительные величины позиций и размеров элементов, т.е. в %.

Edited November 17, 2008 by Searcher

[3ABAPKA]

http://www.dynamicdrive.com/style/layouts/category/C10/

[homm]

Я хоть убей не понимаю, как можно не понимать как верстать резиново. Ну что может быть проще. Напиши 4 предложения текста без размети, и изменяй размер окна с браузером, вот оно счастье, текст заполняет все пространство, резиновый сат готов. Смотришь, слева чето места мало, добавляешь марджинг стока-то процентов. Опять все ризиново. Или люди не знают что размеры можно задавать в прпоцентах? В чем трудность?

[AiVeR]

Спасибо.