Крооссбраузерный резиновый дизайн

droncl · December 11, 2008

Сосбственно сабж: сделал вёрстку http://demo.artmedia.by/bb5/news.htm и хочу чтобы минимальная ширина страницы была 1004px а максимальная 1279px

прописал для основного контейнера max-width:1279px; min-width:1004px;

но как всем известно в IE это не катит и поэтому использовал известный всеми метод через expression

в итоге получилось

#tb1 {
max-width:1279px;
width:expression(document.body.clientWidth > 1279? "1279px": "auto" );
min-width:1004px;
width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1004? "1004px": "auto");
}

как и ожидалось в Opera и Mozilla Firefox всё нормально

а вот в IE как обычно нет...

в IE (как 6 так и 7 версии) работает только минимальная ширина (тоесть станица не сжимается меньше чем 1004 px) а вот максимальная ширина почему-то отказывается в IE работать... просто берёт и растягивает на всю ширину окна...

Подскажите в чём может быть проблемма и как это лечить.

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

klierik · December 11, 2008

src: http://www.webmakerslounge.com/css/ie6-min-max-width/

#someblock{
width:expression(((document.documentElement.clientWidth ||?
document.body.clientWidth) < 990) ? '990px' : ?
((document.body.clientWidth > 1280) ? '1280px' : '100%'));
}

а еще от себя рекомендую покурить это дело: http://code.google.com/p/ie7-js/

droncl · December 12, 2008

Не помогают эти способы... ((

а может ли всё дело быть в доктайпе?

Если да то какие посоветуете ставить.

klierik · December 12, 2008

Доктайп к примеру

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

оба способа рабочие.

droncl · December 13, 2008

прописал доктайп и всё помогло)

НО вылезла другая проблемма:

когда небыло доктайпа http://demo.artmedia.by/bb6/news3.htm то при отсутствие (или малом количестве контента) футер приклеивался к низу. так и нужно.

а вот с доктайпом http://demo.artmedia.by/bb6/news2.htm футер прыгает вверх. как лечить подскажите плз.

Edited December 13, 2008 by droncl

droncl · December 18, 2008

может кто-нибудь подкинет скелет страницы на css которая:

- по ширине 1024px и при растягивании окна позицианируется по центру;

- состоит из хедера, левой колонки, контетной части, правой колонки и футера;

- тянется по высоте в IE, FF и Opera;

Vlad · December 18, 2008

С первыми двумя пунктами проблем нет, с третьим пунктом наоборот, есть куча проблем.

Yulia · December 19, 2008

Я в таком случае сначала верстаю обычный резиновый сайт

<div id="header"></div>
<div id="content">тут трехстолбцовая табличка. Ну а че? Ну если так проще почему бы и нет??</div>
<div id="footer"></div>

а потом можно либо положить все в один div class="base", либо прописать класс base этим трем основным дивам

<style type="text/css">
div.base {
	position: relative;
	width: 1004px; //хотя я обычно делаю 980px
	left: 50%;
	margin-left: -502px; // для меня соответственно -490px
}
</style>

чтоб прижать футер к низу, нужна немного другая структура. Рассказывать?

а почему вы собственно не хотите абсолютно зарезинить сайт? те, кто сжимают меньше 1004 и те, кто накупил гигантских мониторов - сами виноваты

droncl · December 21, 2008

вот том и дело что фиксированная ширина не катит ((

тоесть

	left: 50%;
	margin-left: -502px; // для меня соответственно -490px

не подходит...

обязательно нужно чтобы ширина была от 1004 до 1279

Edited December 21, 2008 by droncl

Sign In

Крооссбраузерный резиновый дизайн

Question

droncl

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

droncl

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

droncl

Link to comment

Share on other sites

droncl

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Yulia

Link to comment

Share on other sites

droncl

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information