nicht angemeldet
hallo,
hierzu dürfte ein padding-top und -bottom des umschließenden DIVS nötig sein. Wenn das innere Element im Textfluß ist, nimmt es sich die erforderliche Höhe und die paddings sorgen für den Abstand zum DIV.
ja das war auch meine ursprüngliche überlegung, aber wenn ich das so mache, funktioniert das zwar im opera und ie, aber der firefox nimmt den padding-bottom abstand nicht und die ul geht sozusagen unten über das div hinaus.
was genau meintest du mit "wenn das innere element im textfluss ist" ?
anbei mal der code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="navitest2.css">
</head>
<body>
<div id="topnav">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Releases</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Interviews</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
</body>
</html>
css:
body, table {
background-color:#000;
color:#FFF;
font-size:9px;
font-family:verdana;}
#topnav {
text-align:center;
border-top:1px solid #333;
border-bottom:1px solid #333;
width:640px;
padding:7px 0;
margin:0;}
#navlist {
margin:0;
padding:0;
list-style-type:none;
text-align:center;}
#navlist li {
display:block;
float:left;
padding:0;
margin:0;}
#navlist li a, #navlist li a:link, #navlist li a:visited {
background:#333;
width:60px;
padding:4px 0;
margin:0 2px;
color:#fff;
text-decoration:none;
display:block;
background-image:url(gfx/topnavbg.gif);
background-repeat:repeat-x;}
#navlist li a:hover {
color:#CC4200;
text-decoration:none;}
gruss,
hurz