Как сделать что бы дивы не проваливались.

**Hokage** · 04.12.2008, 15:31

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

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>

#a {
background: #cccccc;
width:300px;
height:20px;
float:left;
}

#b {
background: #bbbbbb;
width:100%;
height:20px;
margin-right: -600px;
float:left;
}

#c {
background: #dddddd;
width:300px;
height:20px;
float:right;
}

#clear {
height: 0;
clear: both;
}

</style>
</head>
<body>

<div id="a">left</div>
<div id="b">center</div>
<div id="c">right</div>
<div id="clear"></div>

</body>
</html>

**Aykroyd** · 04.12.2008, 22:00

Задайте min-width для body.

**kazer** · 06.12.2008, 03:22

min-width в IE6 не работает

**Aykroyd** · 06.12.2008, 11:28

min-width в IE6 не работает

Простите великодушно, но по себе людей не судят. Кому надо – у тех работает.

**kazer** · 06.12.2008, 18:42

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

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

Буду крайне вам признателен, если просветите неуча.

**Aykroyd** · 06.12.2008, 21:43

Если Вас интересует именно CSS-решение, то есть и такое:

Код:

#min-width {width: 50%; min-width: 400px;}
* html .outer {border-left: 400px #FFFFFF solid; float: left; position: relative; z-index: 1;}
* html .inner {margin-left: -400px; position: relative; float: left; z-index: 2;}

<div id="min-width">
**<div class="outer">
****
**</div>
</div>

Тем не менее, гораздо проще и логичнее вопрользоваться простеньким экспрешшеном:

Код:

* html body {width: expression(documentElement.clientWidth < 1000 ? "1000px" : "100%");}

Ну или на худой конец подключить [Только зарегистрированные пользователи могут видеть ссылки. ].

**kazer** · 06.12.2008, 23:46

спасибо.
меня в принципе по мере интересуют любые решения.
вопрос, помогают ли описаные вами примеры автору топика.

по сути можно не использовать min-width вообще, и решить задачу в JS, или на AIR и т.д., главное ведь чтоб "правый блок не проваливался под левый при уменьшении окна страницы?"

**Aykroyd** · 07.12.2008, 00:58

вопрос, помогают ли описаные вами примеры автору топика.

На этот вопрос может ответить только автор топика.

по сути можно не использовать min-width вообще, и решить задачу в JS

По сути можно:

1. Решить задачу говнотаблицей.
2. Представить весь сайт вместе с контентом одной большой JPEG-картинкой.
3. Брать пример с различных [Только зарегистрированные пользователи могут видеть ссылки. ] веб-разработки, ничуть не задумываясь о разделении структуры/представления/поведения.

Мораль: использование JavaScript для реализации задач представления (в то время как этот инструмент предназначен для описания поведения) – есть неверный подход к разработке веб-контента. Небольшие исключения из этого правила порой допускаются (например, тот же самый expression в CSS), но это не означает, что это есть хорошо и что подобными методами следует пользоваться везде и всюду.

или на AIR

Может уж тогда сразу на C++? Поясните, пожалуйста, какой именно AIR Вы имеете в виду, причем он тут вообще и какое он имеет отношение к верстке веб-сайтов?

главное ведь чтоб "правый блок не проваливался под левый при уменьшении окна страницы?"

При использовании float-разметки и без min-width для родительского контейнера правый блок всегда будет проваливаться под левый при уменьшении окна страницы.

**kazer** · 07.12.2008, 01:59

не совсем понятен ваш настрой, я не пытаюсь оспаривать базовые понятия или ваши знания (вы точны, как учебник).

Может уж тогда сразу на C++? Поясните, пожалуйста, какой именно AIR Вы имеете в виду, причем он тут вообще и какое он имеет отношение к верстке веб-сайтов?

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

п.с. замечу, я лишь обратил внимание на факт несправной работы min-width в IE6

п.п.с. наверное не стоило.

**Aykroyd** · 07.12.2008, 11:37

kazer
Понимаете в чем дело, я тоже изначально не совсем понял Вашу позицию. Если бы Вы после «лишь обратил внимание» сразу привели хотя бы один вариант решения проблемы – это было бы понятно. Также не возникло бы никакого «непонятного настроя», если бы Вы после «лишь обратил внимание» сразу уточнили, что Вам неизвестны способы решения проблемы. Согласитесь, что только лишь по одной громкой реплике о том, что min-width в IE6 не работает, очень сложно понять позицию автора. Тем более, что проблема min-width в IE6 обсуждалась на данном форуме просто несчетное количество раз.

В связи с вышеизложенным прошу Вас лояльно отнестись к моему «непонятному настрою» и искренне благодарю Вас за участие в обсуждении.

**kazer** · 07.12.2008, 13:46

Aykroyd, я согласен что моё обращение выглядело провокационно, но уверяю вас оно не было таким.

В связи с вышеизложенным прошу Вас лояльно отнестись к моему «непонятному настрою» и искренне благодарю Вас за участие в обсуждении.

поистине взаимно!

Тема: Как сделать что бы дивы не проваливались.

Опции темы

Поиск по теме

Отображение

Похожие темы

дивы...

Форма табл. или дивы?

Помогите дивы в одну строку разложить

вложенные дивы и вертикальная резина

Ваши права