| |
|
|
| | Привет всем волшебникам web - дизайна.
У меня охр. ПРОБЛЕМА.
Дело в том, что в браузере Mozilla Firefox слои не растягиваются автоматически в высоту, если содержимое в нем привышает высоту этого слоя, установленного в стилях. Из-за этого сайт превращается в кашу...
В internet explorer и opera всё прекрассно - слои растягиваются.
Может кто-то знает что нужно сделать, чтобы в Mozille слои тоже растягивались.
Только прошу писать по делу, мне кажется , я достаточно ясно объяснил проблему. | |
| |
|
|
| |
|
|
| |
для: Shey
(19.06.2008 в 21:46)
| | | Впервые слышу, что кто-то столкнулся с такой проблемой - именно по высоте, и именно с FireFox.
Давайте конкретный HTML-код (очищенный от всего лишнего, включая вставки PHP, скрипты, стили и картинки), где в MSIE и Opera увидим нормальное ("нужное вам") отображение, а в FireFox - другое. | |
| |
|
|
| |
|
|
| |
для: PAT
(19.06.2008 в 23:53)
| | | Вот простейший пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Простейший пример со слоями</title>
<style type="text/css">
.cont{
margin-top:50px;
margin-left:50px;
width:100px;
height:50px;
border:solid 1px blue;
}
</style>
</head>
<body>
<div class="cont">
Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>
</div>
</body>
</html>
|
Только вот если высоту совсем убрать, то слой растягивается, НО мне надо установить минимальную высоту. И здесь Mozilla начинает тупить. | |
| |
|
|
| |
|
|
| |
для: Shey
(20.06.2008 в 09:50)
| | | Добавьте:
.cont{
overflow: hidden;
margin-top:50px;
margin-left...
|
и делайте контейнер какой угодно принудительной высоты - хоть нулевой (как раз в Mozilla даже 0 сработает, а в MSIE надо хотя бы единичку пикселов прописать).
Если уберете принудительный стиль height: что-то_в_пикселах, тогда высота контейнера будет определяться высотой содержимого. | |
| |
|
|
| |
|
|
| |
для: PAT
(20.06.2008 в 10:20)
| | | overflow: hidden просто скрывает содержимое, если оно выходит за границы слоя.
Если убрать высоту, то во-первых: начинает тупить MSIE, во-вторых для меня это не решение:мне надо установить минмальную высоту слоя.
Просто в Opera и MSIE слой растягивается по содержимому, а в Mozille растягивается только, если высоту совсем убрать.
У меня сайт на слоях сделан. Когда открываешь его в Mozille, то он в кашу превращается.
Есть ещё какие-нибудь соображения? Это ко всем участникам форума относиться... | |
| |
|
|
| |
|
|
| |
для: Shey
(20.06.2008 в 14:47)
| | | Значит, "тупит" в MSIE и "в кашу превращается" в Mozilla... но - ГЛАВНОЕ - "на слоях" сделан? :-) | |
| |
|
|
| |
|
|
| |
для: PAT
(20.06.2008 в 17:35)
| | | Да, да явообще не рад сейчас, что связался с этими слоями.
Разные браузеры по - разному работают с ними.
И что, я так понимаю, мне остаётся только сайт переделывать, переходить на таблицы??? | |
| |
|
|
| |
|
|
| |
для: Shey
(20.06.2008 в 19:11)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Простейший пример со слоями</title>
<style type="text/css">
.cont{
margin-top:50px;
margin-left:50px;
width:100px;
height:50px;
border:solid 1px blue;
}
body > .cont{
min-height:50px;
height:auto;
}
</style>
</head>
<body>
<div class="cont">
Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>
</div>
<div class="cont">
</div>
</body>
</html>
|
высота из первого правила будет использоваться в ie ниже 7 | |
| |
|
|
| |
|
|
| |
для: AlexSol
(20.06.2008 в 19:21)
| | | Спасибо AlexSol. Теперь всё работает, как надо.
Но я о таких возможностях css даже и не знал.
Может ссылочку дадите, где можно интересное о CSS почитать или, что ещё лучше, скачать. | |
| |
|
|
| |
|
|
| |
для: Shey
(20.06.2008 в 21:43)
| | | неплохой справочник по всем свойсвам http://css-info.narod.ru/ их немного.
ну и почитайте про селекторы css, найдете без проблем информацию | |
| |
|
|
| |
|
|
| |
для: Shey
(20.06.2008 в 19:11)
| | | Не знаю... может, и переделывать придется...
Сходите сюда - http://www.dynamicdrive.com/style/ - посмотрите там... может быть, найдете готовое решение для ваших "загодумок" (ну, или - что-то похожее) | |
| |
|
|
