Бывалый
Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург
Репутация: нет
Всего: нет
|
Привет всем! Резина. Есть горизонтальное меню в шапке. Должно быть по центру шапки. Во всех браузерах, которые смог найти, выглядит одинаково, в том числе и в IE6. В Mozilla 2 все слетает вправо на 50%. У заказчика, как это обычно и бывает, Mozilla 2, иначе бы и не узнал  Вот код (собрал вместе резет и css для компактности): | Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-RU">
<head>
<title>Добро пожаловать</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=windows-1251" />
<style type="text/css">
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 135%;
background: transparent; }
*:focus { outline: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* --------------------------- */
html { height: 100%; margin-bottom: 1px; }
body {
margin:0;
padding:0;
border:0;
width:100%;
font: 0.75em/135% Verdana, Arial, Helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; /* */
color: #111;
background: #CCC;
}
#wrap {
min-width: 980px;
max-width: 1200px;
margin: 0 auto;
}
/* Header */
#header {
clear:both;
float:left;
width:100%;
border: solid 1px #111226;
border-bottom: 5px solid #0B1354;
height: 140px;
}
/* Меню */
#menu {
display:block;
margin-top: 100px;
padding: 0;
float:left;
width:100%;
overflow:hidden;
position:relative;
}
#menu ul {
margin: 0 auto;
list-style-type: none;
float:left;
position:relative;
left:50%;
}
#menu li { float:left;list-style:none; position:relative; right:50%; }
#menu ul li a {
display:block;
float:left;
text-decoration: none;
text-align:center;
line-height:29px;
width: 100px;
height: 30px;
margin-right:8px;
padding: 0;
border: solid 1px #111226;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="menu">
<ul>
<li><a href="/index.php" title="Главная страница" class="active">Главная</a></li>
<li><a href="#" title="линк1">Линк 1</a></li>
<li><a href="#" title="линк2">Линк 2</a></li>
<li><a href="#" title="линк3">Линк 3</a></li>
<li><a href="#" title="линк4">Линк 4</a></li>
<li><a href="#" title="линк5">Линк 5</a></li>
<li><a href="#" title="линк6">Линк 6</a></li>
<li><a href="#" title="линк7">Линк 7</a></li>
</ul>
</div>
</div><!-- end of header -->
</div><!-- end of wrap -->
</body>
</html>
|
Как побороть эту напасть? Спасибо! |
Горизонтальное меню по центру, Mozilla 2, Проблемы в Firefox версии 2 
Загрузка ...
