VPF::Разный результат в FF2 и FF3 - Форум программистов

FiMa1

Дата 16.11.2008, 20:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 408
Регистрация: 23.9.2006

Репутация: нет
Всего: 6

Добрейшего времени суток друзья.

Не могли бы Вы мне подсказать, что я сделал неправильно. Div "Content" по-разному отображается в Firefox 2 и 3. Я специально не стал показывать рамку для "Navigator" чтобы было видно разницу в отображении для "Content". По сути те варианты, как это работает в IE7 и FF2.0.0.18 мне подходят, но с FF3.0.4 проблема. Вот как это выглядит в браузерах:

Internet Explorer 7 и Firefox 2.0.0.18
user posted image

Firefox 3.0.4
user posted image

Вот код:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>None</title>
<meta http-equiv="content-type" content="text/html;" charset="windows-1251">
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>

<div id="container">
    <div id="header">Header</div>

    <ul id="box">
        <li id="menu">
            <div id="nav">Navigator</div>
        </li>
        <li id="content">Content</li>
    </ul>

    <div id="footer">Footer</div>
</div><!--container-->
</body>
</html>

style.css

Код


body{margin:0;background:blue;font:12pt Geneva,Arial,Helvetica,sans-serif;color:#163574;}

div#container{position:relative;width:950px;margin:0 auto}
ul#box{width: 950px;margin:0 auto;list-style-type:none;padding:0;float:left}
li#menu{float:left;width:210px}
li#content{height:520px;border-left: 1px solid #7398fc;border:1px double black}
div#header{height:50px;border-bottom: 1px solid #7398fc;border:1px double red}
div#nav{float:left;width:210px}
div#footer{clear:both;height:50px;border-top: 1px solid #7398fc;border:1px double brown}

Любые другие советы по улучшению стиля и т.п. приветствуются. Заранее спасибо!

DarkElve

Дата 16.11.2008, 21:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 46
Регистрация: 16.5.2005
Где: Ленинград-сити

Репутация: нет
Всего: 2

Код


body{margin:0;background:blue;font:12pt Geneva,Arial,Helvetica,sans-serif;color:#163574;}
div#container{position:relative;width:950px;margin:0 auto}
ul#box{width: 950px;margin:0 auto;list-style-type:none;padding:0;float:left}
li#menu{float:left;width:210px;height:520px;border-right: 1px solid #000000}
li#content{height:520px;border:1px double black;border-left:0px}
div#header{height:50px;border-bottom: 1px solid #7398fc;border:1px double red}
div#nav{float:left;width:210px}
div#footer{clear:both;height:50px;border-top: 1px solid #7398fc;border:1px double brown}

Указал навигатору такую же высоту, как у контента. Убрал у контента левый бордер и воткнул его в качестве правого к навигатору.

FiMa1

Дата 16.11.2008, 21:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 408
Регистрация: 23.9.2006

Репутация: нет
Всего: 6

Цитата(DarkElve @ 16.11.2008, 21:08)

Спасибо за помощь. Проблема в том, что
1. Я планировал иметь "резиновый" Content, Navigator-же по левому боку, не резиновый. То есть по мере увеличения контента в "Content", его высота растет, соответственно разделитель по его левому краю тоже, Navigator'у же на это д.б. фиолетово.
2. Я не увидел в исправленном Вами css высоту навигатора такую же как у контента, да и бордера у навигатора тоже нет. Попробовал, конечно, не помогло. А почему должно было помочь?

Это сообщение отредактировал(а) FiMa1 - 16.11.2008, 21:42

FiMa1

Дата 18.11.2008, 00:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 408
Регистрация: 23.9.2006

Репутация: нет
Всего: 6

Пофиксил div'ами заключенными в таблицу вместо использования списка. Всем спасибо.

DarkElve

Дата 18.11.2008, 04:01 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 46
Регистрация: 16.5.2005
Где: Ленинград-сити

Репутация: нет
Всего: 2

Цитата(FiMa1 @ 16.11.2008, 21:38

)

Я не увидел в исправленном Вами css высоту навигатора такую же как у контента, да и бордера у навигатора тоже нет.

Ну просто я их к #menu прикрутил 8)
А про резиновость не знал, так бы думал дальше smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »