Darstellungsprob :(

[dani_o]

CSS:

body {
    background-color:#FFFFFF;
    margin: 15px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}
#reiter {
    width: 780px;
    height: 23px;
    text-align: left;
}
#under_under_reiter{
    width: 776px;
    background-color: #FFFFFF;
    height: 80px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;    
}
#under_reiter{
    width: 776px;
    background-color: #EFEFEF;
    height: 80px;
    border: 1px solid #CCCCCC;
}
ul {
    margin: 0;
}
#content {
    text-align: left;
    height: 21px;
}
#content li{
    margin:0;
    list-style:none;
    background-color: #EFEFEF;
    float: left;
    width:110px;
    padding:3px;
    text-align: center;
    margin: 0;
    margin-right: 1px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #EFEFEF;    
}
img {
    font-size: 9px;
    font-weight: bold;
}
#content li:hover{
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
}
#center {margin:auto; width:780px;}
#content a {
    color: #666666;
    text-decoration: none;
    font-variant: small-caps;
    font-weight:bold;
    font-size: 11px;
    font-family: Tahoma;
}

Einbindung (Aufruf):

<ul id="content">
   <li><a href="index.php">Link 1</a></li>
   <li><a href="index.php">Link 2</a></li>
   <li><a href="index.php">Link 3</a></li>
   <li><a href="index.php">Link 4</a></li>
   <li><a href="index.php">Link 5</a></li>
   <li><a href="index.php">Link 6</a></li>
</ul>
   <div id="under_reiter">
        <div align="center" style="padding-top:3px;">
    TestTop
        </div>
   </div>
   <div id="under_under_reiter">
    Testtext
   </div> 

Vorschau: nicht mehr vorhanden

Mein Problem - beim FF ist es eingerückt - es soll aber so aussehen wie i IE. Kann mir jemand sagen was ich falsch mach?

Thx 4 Help

[wahsaga]

Re: Darstellungsprob

Wenn du die margin- und/oder padding-Defaults des Firefox für die LI nicht magst, möchtest du sie explizit angeben.

[petro_0]

kollege hat recht!

machmal ist es so, dass du z.B. margin-left="0" angeben musst, nur dann versteht de browser sozusagen was du willst