MOE: Abstände

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 :(

  1. Hello out there!

    <?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">

    Warum schickst du IEs in den Quirks-Modus?

    doch in der navi bekomm ich trotz vielen versuchen mit padding:0px; diese abstände oben und links zur border nicht weg :(

    Wo hast du denn 'padding' für '#list ul' und '#list li' angegeben?

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. Hallo Gunnar!

      Warum schickst du IEs in den Quirks-Modus?

      Zitat 850

      *SCNR*

      Viele Grüße aus Frankfurt/Main,
      Patrick

      --

      _ - jenseits vom delirium - _
      [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
      Nichts ist unmöglich? Doch!
      Gök? Gök!
    2. Hallo Gunnar

      <?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">

      Warum schickst du IEs in den Quirks-Modus?

      Sollte nicht eine für XHTML gültige Angabe zur Zeichenkodierung erfolgen, wenn diese von utf-8 abweicht?

      Auf Wiederlesen
      Detlef

      --
      - Wissen ist gut
      - Können ist besser
      - aber das Beste und Interessanteste ist der Weg dahin!