Резиновыйы шаблон

[new01]

Прочитал на сайте htmlbook.ru про вёрстку слоями.Понял ,что лучше сделать резиновый шаблон.

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

Если ,то возникает такая проблема,при сжимании окна блоки уменьшаются по ширине и по отступам.Можно решить эту проблему написав к документу в целом min-width:1024px; или её можно решить более рациональным способом?

Заранее всем спасибо.

[swetlana]

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

А вообще можно комбинировать что угодно как угодно, ограничивая себя от нежелательных эффектов хотя бы даже тем же min-width.

[tius]

Можно. Min-width не работает в ИЕ6 и частично не работает в ИЕ7.

Отступы можно задавать в пикселях. Некоторые колонки макета тоже можно определить в пикселях, а основную - width:auto, что бы занимала все оставшееся место.

[new01]

Я не понял вас.

Нежелательно чтоли использовать min-width:1024px; ?Почему?

А как тогда решить проблему ,которую написал выше?

[new01]

А вот ещё вопрос ,При вёрстке слоями вообще можно использовать таблицы для прваильно отображения например формы.Хочу сделать форму как у майла.ру на главной странице.

[Serlutin]

Я не понял вас.

Нежелательно чтоли использовать min-width:1024px; ?Почему?

А как тогда решить проблему ,которую написал выше?

Наоборот. Желательно использовать min-width. Правда значение должно быть на 20px меньше, чем разрешение экрана (место для скролла). То есть если минимальное разрешение 1024, то пишем min-width:1000px

min-width не поддерживается только в IE6, однако можно использовать экспрешн.

При вёрстке слоями вообще можно использовать таблицы для прваильно отображения например формы

Таблицы нужно использовать для таблиц. Однако формы ведь очень на таблицы похожи, так что можно.

Edited March 18, 2011 by Serlutin

[new01]

Спасибо.Всё понятно.:-)

[wanntuzz]

Как раз не чего не понятно! Это почему нельзя пискелями отступы? А если очень надо?

[ViktorB]

Приветствую Всех !

У меня такой же примерно вопрос о резиновом шаблоне.

Я люблю панораму, поэтому хотел бы сделать себе страничку в стиле широкоформатного экрана NTSC. Это когда сверху и снизу экрана есть чёрные полосы, ну а сам экран между ними посредине, думаю всё прекрасно понимают, что я пытаюсь обьснить.

Проблема собственно говоря вот в чём: ни как у меня не получается растянуть страницу по ширине всего окна браузера, да так что бы высота страницы всегда бы растягивалась так что бы всегда была видна полностью т.е. что бы не появлялся скроллинг. Что бы легче было понятно опишу это на примере видео плеера, когда включаешь режим просмотра на весь экран. Вот такой хочется видеть всегда мою страничку. Как сделать такую растяжку ?

Я сначала пытался в body выставить чёрный фон, а затем .container растянуть в середине body по всей ширине окна браузера и таким образом body мне дало бы чёрные полосы сверху и снизу, ну а .container был бы посредине с белым фоном и резиновый и таким бы образом получил бы мой широкоформатный экран.

Но блин не тут то было.

Не знаю как это сделать и реально ли это вообще ?

Кто нибудь сталкивался с такой проблемой ? Может кто знает как это решить ?

Делаю страничку в дримвьювире. Страничка будет легкая, ни фоток ни баннеров, только текст, (проза и поэзия, разных авторов). Ну что то вроде когда в кинотеатре смотришь фильм и идут титры кто где и как снимался

[blaga]

див черный сверху

див белый по середине

див черный снизу.

[ViktorB]

див черный сверху

див белый по середине

див черный снизу.

Уже пробовал, но вот как их заставить растягиваться сохранив пропорции ?

[Serlutin]

html {
    background: #000;
    height: 80%;
}
body {
    background: #FFFFFF;
    height: 80%;
    margin: 10% 0;
    padding: 0;

Попробуйте так что-ли. Как работать в разных браузерах будет не знаю. Это так в Firebug поигрался.

[ViktorB]

html {
    background: #000;
    height: 80%;
}
body {
    background: #FFFFFF;
    height: 80%;
    margin: 10% 0;
    padding: 0;

Попробуйте так что-ли. Как работать в разных браузерах будет не знаю. Это так в Firebug поигрался.

Огромное приогромное Спасибо !

Заработало ! Именно то, что мне и нужно было !

Поигрался ещё с height и margin и получил то что хотел !

Огромное Вам Спасибо !

Пытался поставить Вам плюс, но мне пишет, что я исчерпал мой лимит на сегодня, хотя я вроде как и не голосовал вообще.

Очень Вам благодарен !