Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Проблема с блочными элементами в "Opera" при изменении размера страницы в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; При изменении ширины экрана в "Opera" блоки "B" складываются и не смещают нижний блок "C" (как в explorer'е), а накладываются на него. Как ...


Закрытая тема
 
Опции темы
Старый 09.06.2007, 15:14   #1
При изменении ширины экрана в "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">
  1. B
  2. B
  3. B
</div> <div id="c"> <h1>C</h1> </div> </body> </html>
 
Старый 09.06.2007, 15:14
Ссылки
Старый 09.06.2007, 22:59   #2
Код:
<div id="b">
  1. B
  2. B
  3. B
<br style="clear:both" /> </div>
 
Старый 09.06.2007, 23:35   #3
Если честно, то я не понимаю, почему этот список вообще должен работать. Список - это особый элемент для которого генерируется мастер бокс, размеры которого могут менятся только при наличии в нем list-item боксов (кстати, если list-item боксов нет, то и маркер боксов быть не может). Свойсво float заставляет всесто list-item бокса генерить обычный бокс, поэтому сколько не пихай в ol или ul элементов li с установленным float или display:box, мастер бокс листа меняться не должен.
Насколько понимаю это была попытка выполнения inline листа, возможно для меню, такое уж точно кто-то делал и до вас, так что спрашивайте Google про inline list.
Одним из извращенных, на мой взгляд, решений проблемы может быть установка свойства overflow в hidden для #b. По идее, после такого объявления и объявления блочных элементов в листе браузер померяет на всякий случай все элементы дива, а не только его прямых чилдренов. Предыдущее решение, скорее всего тоже должно работать, и тоже, на мой взляд, из ряда извращенных, поскольку не устраняет ошибки в формировании списка.
 
Старый 09.06.2007, 23:35
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Оцените дизайн главной страницы сайта "Отель Академия" 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


Текущее время: 10:31. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум