Moin,
ich habe eine Navigation, die in einem DIV zentriert werden soll. Problem ist, dass irgendwie ein Restabstand auf der linken Seite entsteht, obwohl margin auf 0 steht. Wenn ich ein <div style="clear"both"></div> zwischen dem umschließenden Div und der Navigation mache, geht es, aber dann habe ich einen größeren horizontalen Abstand und das ist nicht sonderlich sauber.
Weiß jemand woran das liegt?
Danke
CSS:
HTML:
ich habe eine Navigation, die in einem DIV zentriert werden soll. Problem ist, dass irgendwie ein Restabstand auf der linken Seite entsteht, obwohl margin auf 0 steht. Wenn ich ein <div style="clear"both"></div> zwischen dem umschließenden Div und der Navigation mache, geht es, aber dann habe ich einen größeren horizontalen Abstand und das ist nicht sonderlich sauber.
Weiß jemand woran das liegt?
Danke
CSS:
Code:
.navigation {
height:45px;
padding-top:10px;
border-left:1px solid #D5D6D7;
border-right:1px solid #D5D6D7;
}
HTML:
Code:
<div class="navigation">
<div style="display:table;margin:0 auto;">
<ul style="display:table-row;">
<?
foreach ... {
?>
<li style="display:table-cell;">
bla
</li>
<?
} //foreach
?>
</ul>
</div>
</div>