Night_Cruiser
Member
- Joined
- Dec 6, 2005
- Messages
- 135
- Reaction score
- 15
Привет всем.
Помогите обойти одну штуку: горизонт.навигационное меню не центрируется (по нижней границе) одинаково в ИЕ.6 и Мозилле.
В Мозилле НЕВОЗМОЖНО УБРАТЬ ВЕРХНИЙ ПАДДИНГ. Все перепробовал - достало!
В ИЕ.6.0 - все нормально, просто замечательно - результат именно тот, который я хочу.
Я регулирую позицию меню контейнером "#navmenu", задавая верхний маргинс 95пк. А из-за того, что в Мозилле не убирается верхний паддинг - не возможно выровнять его одинаково. Если выравнивать в Мозилле - в ИЕ будет слишком близко к эмблеме логотипа. Если же выравнивать в ИЕ, то в М. меню скатывается вниз..
Дайте совет..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>home</title>
<style type="text/css">
#header {
height: 150px;
line-height: 80px;
margin: 0;
background: #f7941d;
width: 945px;
}
#logo {
position: absolute;
margin: 20px 0 0 30px;
padding: 0;
}
#navmenu {
position: absolute;
margin-top: 95px;
border: 1px solid #195a07;
}
#navcontainer ul li {
list-style-type: none;
display: block;
float: left;
font: 12px 'Trebuchet MS', sans-serif;
}
#navcontainer a {
margin: 0 5px 0 5px;
padding: 0 10px 0 5px;
color: #000;
text-decoration: none;
display: block;
border-left: 1px solid #195a07;
}
#navcontainer ul li a:hover { color: #fff; }
#navcontainer a:link#current, #navcontainer a:visited#current {
color: #000;
font-size: 14px;
}
</style>
</head>
<body>
<div id="header"><div id="logo"><image src="logo.jpg" alt="logo" width="365" height="70"></div>
<div id="navmenu">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current"><strong>ONE</strong><br>home</a></li>
<li><a href="#"><strong>TWO</strong><br>two</a></li>
<li><a href="#"><strong>THREE</strong><br>three</a></li>
<li><a href="#"><strong>FOUR</strong><br>four</a></li>
<li><a href="#"><strong>FIVE</strong><br>five</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Помогите обойти одну штуку: горизонт.навигационное меню не центрируется (по нижней границе) одинаково в ИЕ.6 и Мозилле.
В Мозилле НЕВОЗМОЖНО УБРАТЬ ВЕРХНИЙ ПАДДИНГ. Все перепробовал - достало!
В ИЕ.6.0 - все нормально, просто замечательно - результат именно тот, который я хочу.
Я регулирую позицию меню контейнером "#navmenu", задавая верхний маргинс 95пк. А из-за того, что в Мозилле не убирается верхний паддинг - не возможно выровнять его одинаково. Если выравнивать в Мозилле - в ИЕ будет слишком близко к эмблеме логотипа. Если же выравнивать в ИЕ, то в М. меню скатывается вниз..
Дайте совет..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>home</title>
<style type="text/css">
#header {
height: 150px;
line-height: 80px;
margin: 0;
background: #f7941d;
width: 945px;
}
#logo {
position: absolute;
margin: 20px 0 0 30px;
padding: 0;
}
#navmenu {
position: absolute;
margin-top: 95px;
border: 1px solid #195a07;
}
#navcontainer ul li {
list-style-type: none;
display: block;
float: left;
font: 12px 'Trebuchet MS', sans-serif;
}
#navcontainer a {
margin: 0 5px 0 5px;
padding: 0 10px 0 5px;
color: #000;
text-decoration: none;
display: block;
border-left: 1px solid #195a07;
}
#navcontainer ul li a:hover { color: #fff; }
#navcontainer a:link#current, #navcontainer a:visited#current {
color: #000;
font-size: 14px;
}
</style>
</head>
<body>
<div id="header"><div id="logo"><image src="logo.jpg" alt="logo" width="365" height="70"></div>
<div id="navmenu">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current"><strong>ONE</strong><br>home</a></li>
<li><a href="#"><strong>TWO</strong><br>two</a></li>
<li><a href="#"><strong>THREE</strong><br>three</a></li>
<li><a href="#"><strong>FOUR</strong><br>four</a></li>
<li><a href="#"><strong>FIVE</strong><br>five</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Last edited by a moderator:
Если нуно бесплатное IDE для разработки, то рекомендую