Проблема с блочными элементами в "Opera" при изменении размера страницы

Sapper · 09.06.2007, 15:14

При изменении ширины экрана в "Opera" блоки "B" складываются и не смещают нижний блок "C" (как в explorer'е), а накладываются на него.
Как это исправить?

Вот код:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>DIVs</title>
<meta http-equiv="content-type" content="text/html; chersrt:windows-1251">
<meta http-equiv="content-language" content="ru">
<style type="text/css">
body{
margin:0;
padding:20px 20px 0 20px;
}
body #b{
width:100%;
border:1px solid red;
}
body #b li{
display:block;
border:1px solid blue;
float:left;
width:20ex;
margin:0 0 5px 0;
}
body #b li a{
display:block;
width:15ex;
border:1px solid blue;
margin:auto;
text-align:center;
}
body #c{
width:500px;
border:1px solid black;
height:100px;
margin:20px 0 0 0;
text-align:center;
}
a{
display:block;
}
</style>
</head>
<body>
<div id="b">B
B
B
</div>
<div id="c">
<h1>C</h1>
</div>
</body>
</html>

kost · 09.06.2007, 22:59

Код:

<div id="b">B
B
B

<br style="clear:both" />

</div>

Duban · 09.06.2007, 23:35

Если честно, то я не понимаю, почему этот список вообще должен работать. Список - это особый элемент для которого генерируется мастер бокс, размеры которого могут менятся только при наличии в нем list-item боксов (кстати, если list-item боксов нет, то и маркер боксов быть не может). Свойсво float заставляет всесто list-item бокса генерить обычный бокс, поэтому сколько не пихай в ol или ul элементов li с установленным float или display:box, мастер бокс листа меняться не должен.
Насколько понимаю это была попытка выполнения inline листа, возможно для меню, такое уж точно кто-то делал и до вас, так что спрашивайте Google про inline list.
Одним из извращенных, на мой взгляд, решений проблемы может быть установка свойства overflow в hidden для #b. По идее, после такого объявления и объявления блочных элементов в листе браузер померяет на всякий случай все элементы дива, а не только его прямых чилдренов. Предыдущее решение, скорее всего тоже должно работать, и тоже, на мой взляд, из ряда извращенных, поскольку не устраняет ошибки в формировании списка.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Оцените дизайн главной страницы сайта "Отель Академия"	ti-myr	Зал дебютантов	3	05.07.2014 15:49
Скрипт "Анализ релевантности страницы по запросу"	vitaly-go	Кальянная	0	26.02.2011 10:43
Макет главной страницы "Бюро Переводов"	SYSTEMS	Зал дебютантов	4	14.12.2007 10:00
Дизайн главной страницы сайта для ресторана "ИНЖИР"	SYSTEMS	Зал дебютантов	14	15.02.2007 21:20
Продажа билетов лотерей "Золотой ключ", "Русское Лото", "ТВ Бинго-шоу"	Florid	Кальянная	1	22.08.2005 19:24

09.06.2007, 22:59	#2
kost	Код: <div id="b"> B B B <br style="clear:both" /> </div>

09.06.2007, 23:35	#3
Duban	Если честно, то я не понимаю, почему этот список вообще должен работать. Список - это особый элемент для которого генерируется мастер бокс, размеры которого могут менятся только при наличии в нем list-item боксов (кстати, если list-item боксов нет, то и маркер боксов быть не может). Свойсво float заставляет всесто list-item бокса генерить обычный бокс, поэтому сколько не пихай в ol или ul элементов li с установленным float или display:box, мастер бокс листа меняться не должен. Насколько понимаю это была попытка выполнения inline листа, возможно для меню, такое уж точно кто-то делал и до вас, так что спрашивайте Google про inline list. Одним из извращенных, на мой взгляд, решений проблемы может быть установка свойства overflow в hidden для #b. По идее, после такого объявления и объявления блочных элементов в листе браузер померяет на всякий случай все элементы дива, а не только его прямых чилдренов. Предыдущее решение, скорее всего тоже должно работать, и тоже, на мой взляд, из ряда извращенных, поскольку не устраняет ошибки в формировании списка.

09.06.2007, 15:14
Ссылки