float:left; и отступ между слоями.

[Дядька]

Здрвствуйте!

Помогите разобраться с простым отступом.

В макете две колонки:

СЛОЙ-1 – float:left; и фиксированная ширина.

СЛОЙ-2 – все, что осталось справа.

При уменьшении окна браузера СЛОЙ-1 трактуется как «Минимальная ширина экрана», а контент СЛОЯ-2 слетает вниз и располагается под СЛОЕМ-1 (что и требуется).

Пока оба слоя расположены в ряд, между ними должен быть отступ. Если задать его так:

. СЛОЙ 2 {margin-left: XXpx;}

– это не помогает. Приходится делать:

. СЛОЙ 1 {margin-right: XXpx;}

Теперь – суть проблемы:

Нужно, чтобы «Минимальная ширина экрана» была фиксированной (допустим 1024px), и чтобы при этой ширине СЛОЙ-1 занимал ВСЮ ШИРИНУ экрана (Параметр width специально рассчитывается под это).

В Opera и Firefox все выглядит гладко. Но Internet Explorer прочитывает СЛОЙ-1 вместе с отступом справа от него. Появляется полоса прокрутки.

Можно ли этого как-то избежать?

[Vlad]

Доктайп какой?

min-width используешь?

[Дядька]

Здравствуйте, Влад.

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Min-width не использую. Как я понял, IE его не особенно понимает.

Дополнительначя проблема в том, что при усложнении контента, не только отступ справа остается, но на разных страницах он скачет - то шире то уже становится

К тому же, совокупность слоев чередуется: Слой 1 - Слой 2, потом снова Слой1 - Слой 2, и т. д.

Edited October 9, 2008 by Дядька

[Vlad]

IE6 не понимает только min-width, в IE7 он уже нормально работает. Так что надо включать.

[Дядька]

А что толку, если включу? Целевую аудиторию на пользование IE7 я же не переведу.

Но попробовать min-width все же стоит...

В любом случае, спасибо за ответ.

:о)

[FXIX]

Для IE:

min-width:1024px;

width: expression(document.body.clientWidth > 1024 ? "100%" : "1024px");

[musulman]

Для IE:

min-width:1024px;

width: expression(document.body.clientWidth > 1024 ? "100%" : "1024px");

при таком раскладе при разрешение 1024 будет горю скрол