Ergebnis 1 bis 5 von 5

Thema: ul in div Problem

  1. #1
    Teeny
    Registriert seit
    13.02.2009
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard ul in div Problem

    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;
    
    }
    HTML-Code:
    <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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: ul in div Problem

    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.
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    13.02.2009
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: ul in div Problem

    HTML-Code:
    #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;
    }

  4. #4
    Fortgeschrittene/r Avatar von unknownsoldier
    Registriert seit
    16.06.2010
    Ort
    "Dreamland"
    Alter
    26
    Beiträge
    174
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: ul in div Problem

    Du benutzt float also musst du auch "clearen"

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

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

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    13.02.2009
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: ul in div Problem

    ah danke funktioniert

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •