float funzt bei mir nicht

  • folgender Code:


    HTML:


    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">


    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
    <link rel="stylesheet" type="text/css" media="screen" href="design.css" />


    <body>
    <div id="navi">
    <ul>
    <li><a href="index.htm">Startseite</a></li>
    <li><a href="ueber-mich.htm">Ueber mich</a></li>
    <li><a href="termine.htm">Termine</a></li>
    <li><a href="impressum.htm">Impressum</a></li>
    </ul>
    </div>
    </body>
    </html>


    CSS:


    #navi {
    width:200px;
    text-align:left;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:15px;
    }


    #navi ul {
    list-style:none;
    }


    #navi li {
    float:left;
    margin-left:15px;
    width:90px;


    background-color:silver;
    border-top:1px black solid;
    border-left:25px orange solid;
    border-bottom:1px red solid;
    border-right:2px blue solid;
    margin-top:10px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
    padding-right:8px;
    }


    Bei mir wird irgendwie trotzdem noch alles untereinander statt nebeneinander aufgeführt? :(


    LG
    Axel

  • Gruß :)


    bitte nutze doch BB-Code

    Code
    [code=html]hier kommt html Code herein

    [/code]


    Code
    [code=css]hier kommt css Code herein

    [/code] damit man deinem Code auch übersichtlich sehen kann, so können wir besser helfen :)


  • da dein #navi nur eine breite von 200px hat können die Elemente darin nicht nebeneinander angezeigt werden musst die breite schon höher stellen so dass alle Menüpunkte rein passen
    habs mit 700px getestet da gehts.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!