nicht angemeldet
N'abend...
Problem: wieso hat die navigation abstände oben und links in mozilla?
HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="menu">
<ul id="list">
<li><a href="#">Testlink</a></li>
<li><a href="#">Testlink</a></li>
<li><a href="#">Testlink</a></li>
<li><a href="#">Testlink</a></li>
<li><a href="#">Testlink</a></li>
</ul>
</div>
<div id="menu">
mann
</div>
</div>
</body>
</html>
CSS:
/* CSS Document */
/* Navigation */
#list ul{
list-style:none;
margin:0px
}
#list li{
float:left;
list-style:none;
margin:0 0 0 1px;
}
#list a{
color:#ffffff;
font:normal 12px arial,sans-serif;
display:inline;
text-decoration:none;
background:#fafafa;
border:0px solid #d5e7ec;
text-align:left;
}
#list a:hover{
background:#ffffff;
color:#006595;
border:0px solid #008996;
}
/* Body */
body {
font-family:Verdana;
font-size:12px;
background:#999999;
float:left;
}
#container {
float:left;
margin:0px;
width:800px;
padding:0px;
border:1px solid #d5e7ec;}
#menu {
float:left;
margin:0px;
width:100%;
height:100%;
border:1px solid #ffffff;}
mein Ziel war es eine box für die navi und eine für den text eingebettet in dem container zu haben. doch in der navi bekomm ich trotz vielen versuchen mit padding:0px; diese abstände oben und links zur border nicht weg :(
Gunnar Bittersmann