ul in div Problem

!Florian

Hi,
ich habe das Problem das ich eine Navigation mit ul in einen div packen will (durch das div soll der Hintergrund entsprechend angezeigt werden), allerdings wird das nicht länger wenn ich Punkte im <ul> eintrage.

Der Code:

Code

div.navibox{
 margin-left: 2px;
 margin-right: auto;
 margin-top: 10px;
 width: 12em;
 height: auto;
 background-color: #858585;
 padding-bottom: 10px;
 border: 1px solid #858585;
 padding-left: 5px;
 padding-right: 3px;
 margin-bottom: 20px;
 -moz-border-radius:7px;


}

Alles anzeigen

HTML

<div class="navibox">
<ul id="menu">    
  <li><a href='index.php' title='Startseite'>Startseite</a></li>
  <li><a href="logout.php" title="Logout">Ausloggen</a></li>
</ul>         
</div>

synaptic

wir brauchen schon den style von menu mit dabei. divs haben generell die eigenschaft, dass sie sich dem inhalt anpassen, wenn sie keinen festen grenzen unterliegen.

!Florian

HTML

#menu {
    background: #333;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0;
    width: 12em;
}
#menu li {
    font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu a {
    background: #858585;
    border-bottom: 1px solid #6E6E6E;
    color: #ccc;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}

Alles anzeigen

unknownsoldier

Du benutzt float also musst du auch "clearen"

einfach folgendes mal einfügen hinter dem </ul>

HTML

<div style="clear:left"><!-- # --></div>

!Florian

ah danke funktioniert

ul in div Problem

Tags

Benutzer online in diesem Thema