Мы с тобой можем рассуждать довольно таки долго.
Согласен? Но нужно начать с адреса твоего ресурса. Тогда сможем хотя бы понять - в чем же проблема.
А информация такова:
- Эксплорер 6не знает следующих параметров css: max-width,min-width.
- У него очень большие проблемы при позиционировании div ов по свойству float, находящихся рядом, если содержимое одного
- из дивов "выходит за границы".
- Либо оба diva занимают места гораздо больше, чем отведено родительскому элементу
Как следствие, эксплорер тотгда "опускает" один из регионов вниз, при этом другим браузерам может всего хватать, все будет впорядке.
Что же делать?
Первое предложение:
Мы выставляем (подбором) длинну в пикселях или процентах нужным нам div ам, и смотрим как все выглядит в эксплорере.
Пока все не начинает вести себя идеально, во всех эсклорерах, всех разрешениях часть сайта не проваливается больше вниз.
Далее, для внутренних дочерних дивов (в примере ниже: #one,#two) вводим ограничение (если внутренне содержимое выходит
за границы: слишком большая картинка или что-то другое: скрывать, а не показывать, по умолчанию браузер все же отображает в этом случае внутреннее содержимое, из за чего и происходит "падание" региона вниз, так его желает позиционировать эсклорер)
overflow: hidden;
Посмотреть что же такое overflow можешь здесь:
Для просмотра ссылки Войди или Зарегистрируйся.
И добавляем все цсс для эксплорера после объявления общих цсс для длругих браузеров в виде фикса с комментариями, который поймет, и поэтому подключит, только IE:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Просто пример</title>
<!-- стили для всех браузеров -->
<style type="text/css">
#parent{
width: 750px;
}
#one,#two{
width: 49%;
border: 2px black solid;
overflow: hidden;
}
#one{
float: left;
}
#two{
float: right;
}
</style>
<!-- стили для всех браузеров -->
<!-- стили только для ие -->
<!--[if IE ]>
<style type="text/css">
#parent{
width: 750px;
}
#one,#two{
width: 49%;
border: 2px red solid !important;
overflow: hidden;
}
#one{
float: left;
}
#two{
float: right;
}
</style>
<![endif]-->
<!-- стили только для ие -->
</head>
<body>
<div id="parent">
<div id="one">
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
</div>
<div id="two">
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
</div>
</div>
</body>
</html>
Это пример.
О условных комментариях для IE можешь почитать здесь:
Для просмотра ссылки Войди или Зарегистрируйся
С помощью этих комментариев также получится подключить разные цсс для разных версий эксплореров.
Второй вариант:
переверстать способом установки дивов с помощью Абсолютного Позиционирования.
Почитай здесь:
Для просмотра ссылки Войди или Зарегистрируйся
Третье предложение:
для всех дивов для нормальных браузеров можно указать параметры max-width,min-width (см.
Для просмотра ссылки Войди или Зарегистрируйся) для регионов.
Но эксплореру 6 придется "объяснять" с помощью js эти параметры, внедрять "хак".
Четвертый подход: У тебя что-то не так с версктой, закрыл не там, не так. Или нечто подобное.
Советую проверить до внесения любых изменений в цсс верстку дизайна! )
