Форум PHP программистов > Проблема верстки FF 3.5 W

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Проблема верстки FF 3.5 W

Wrigley

12.08.2009 - 15:35

Пожалуйста помогите, не могу решить проблему уже не один день.
В браузере FF3 под XP съезжают блоки ссылок, причем (!!!) каждый раз после обновления страницы в браузере по-разному.

скриншот с глюком:
http://imageshost.ru/links/7981da37808f8e35397f2893cb9f0c20

нормально все:
http://imageshost.ru/links/d17e92457197240d8c1ab2205b796abb

основные моменты:
Код:

HTML

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

css блока

HTML

div#content a.rubrlink{
background: #e6f4ff;
border:1px solid #a9b8c2;
color:#808080;
cursor:pointer;
display:block;
height:50px;
margin-top: 40px;
width:70%;
}

html блока

HTML

<a class='rubrlink' href='index.php?0=1&1=215'>
<div class='headlink'>
Информатика и информационные технологии
</div>
<span class='rb'><b>Количество книг:</b> 171</span>
<span class='rr'><b>Количество рубрик:</b> 20</span>
</a>

весь css

HTML

div#content a.rubrlink{
background: #e6f4ff;
border:1px solid #a9b8c2;
color:#808080;
cursor:pointer;
display:block;
height:50px;
margin-top: 40px;
width:70%;
}

div#content a.rubrlink .headlink{font-size:130%;}

div#content a.rubrlink h4{padding:4px;color:#069;}

div#content a.rubrlink span.rb{margin:2px 20px;}

div#content a.rubrlink span.rr{margin:2px 20px;}

весь html

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Каталог изданий - Электронная Библиотека</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="styles/rubric.css" />
</head>
<body>

<div id="content">
<div class='gl'>Каталог изданий</div>

<a class='rubrlink' href='index.php?0=1&1=208'><div class='headlink'>Математика и естественно-научное образование</div><span class='rb'><b>Количество книг:</b> 61</span><span class='rr'><b>Количество рубрик:</b> 17</span></a>

<a class='rubrlink' href='index.php?0=1&1=209'><div class='headlink'>Гуманитарное и социальное образование</div><span class='rb'><b>Количество книг:</b> 127</span><span class='rr'><b>Количество рубрик:</b> 13</span></a>

<a class='rubrlink' href='index.php?0=1&1=210'><div class='headlink'>Образование в области культуры и искусства</div><span class='rb'><b>Количество книг:</b> 13</span><span class='rr'><b>Количество рубрик:</b> 2</span></a>

<a class='rubrlink' href='index.php?0=1&1=211'><div class='headlink'>Менеджмент</div><span class='rb'><b>Количество книг:</b> 77</span><span class='rr'><b>Количество рубрик:</b> 16</span></a>

<a class='rubrlink' href='index.php?0=1&1=212'><div class='headlink'>Образование в области экономики и управления</div><span class='rb'><b>Количество книг:</b> 176</span><span class='rr'><b>Количество рубрик:</b> 27</span></a>

<a class='rubrlink' href='index.php?0=1&1=213'><div class='headlink'>Педагогическое образование</div><span class='rb'><b>Количество книг:</b> 151</span><span class='rr'><b>Количество рубрик:</b> 2</span></a>

<a class='rubrlink' href='index.php?0=1&1=214'><div class='headlink'>Юридическое образование</div><span class='rb'><b>Количество книг:</b> 161</span><span class='rr'><b>Количество рубрик:</b> 43</span></a>

<a class='rubrlink' href='index.php?0=1&1=215'><div class='headlink'>Информатика и информационные технологии</div><span class='rb'><b>Количество книг:</b> 171</span><span class='rr'><b>Количество рубрик:</b> 20</span></a>

</div>

</body>
</html>

Спустя 3 часа, 17 минут, 5 секунд (12.08.2009 - 17:52) kirik написал(а):

Попробуй так:

HTML

<a class="rubrlink" href="index.php?0=1&1=208">
<span class="headlink">Математика и естественно-научное образование</span><br />
<span class="rr"><b>Количество книг:</b> 61</span><span class="rr"><b>Количество рубрик:</b> 17</span>
</a>

Спустя 17 часов, 6 минут, 44 секунды (13.08.2009 - 10:58) Wrigley написал(а):

Спасибо, Вы меня спасли.

Спустя 16 часов, 28 минут, 44 секунды (14.08.2009 - 03:27) Wrigley написал(а):

Не могли бы подсказать, это моя кривая верстка или баг файрфокса?

Спустя 25 минут, 10 секунд (14.08.2009 - 03:52) kirik написал(а):

По W3C правилам (пруфлинки не дам) не разрешается вставлять блочный (block) элемент в строчный (inline), а у вас в <a> был вставлен <div> (хотя и <a> тоже был блочный на уровне CSS). А для FF похоже все-таки разница была

Спустя 4 часа, 33 секунды (14.08.2009 - 07:53) Wrigley написал(а):

Ок, буду знать спсибо

Быстрый ответ:

Здесь расположена полная версия этой страницы.