HTML/Css Problem

  • Tach, ich kann ein wenig HTML und Css und habe mir mit Hilfe mehrerer Seiten eine Navi zusammengebaut. Nur ich möchte Sie links ausrichten und nicht mittig, Im FF funktioniert es tadellos nur der IE zickt mal wieder rum.

    <div id="head"></div>
    <ul id="menu">
    <li><a href="index.php">Sartseite</a></li>
    <li><a href="">Titel1</a></li>
    <li><a href="">Titel2</a></li>
    <li><a href="">Titel3</a></li>
    <li><a href="">Titel4</a></li>
    </ul>


    body {
    width: 750px;
    margin: 0 auto;
    }
    #head {
    width: 750px;
    height: 125px;
    background: url(img/head.gif);
    margin: 0 auto;
    }
    ul#menu {
    float: left;
    list-style-type: none;
    }
    ul#menu a, ul#menu a:visited {
    width: 150px;
    height: 15px;
    position: relative;
    text-decoration: none;
    text-align: center;
    background: #9ab;
    color: #fff;
    display: block;
    border: 2px solid #fff;
    border-color: #def #678 #345 #cde;
    padding: 5px;
    margin: 0.5em auto;
    }
    ul#menu a:hover {
    top: 2px;
    left: 2px;
    color: #fff;
    border-color: #345 #cde #def #678;
    }


    ich hoffe es weiß jemand rat wie ich die Navi auch im IE auf die Linke Hälfte bekomme?

    Liebe Grüße Rene

  • a) ich bezweifle es fast, dass du den body-tag so verändern kannst.
    nimm statt dessen lieber einen eigenen div-tag "page" oder "content".

    b) mit der zentrierung hatte ich früher auch oft probleme. mein margin 0 auto
    hat selten geklappt. alternative hat ich mal das hier gefunden, klappt meistens:

    HTML
    left:50%;
    margin-left:-375px;
    position:absolute;
    width:750px;

    c) versuch mal unter die liste ein <br class="clearer" /> und im css
    kannst hinzufügen .clearer { clear:both; }

  • hi danke für deine Hilfe, ich habe es nach besten Wissen und Gewissen versucht aber im IE macht er das nicht. Im Firefox sieht es auch mit den Änderungen durch dich so aus wie vorher, korrekt. Aber der Ie macht das nicht. Versionen meiner Browser

    Firefox 3.6.3

    Explorer 8

    Ich versuche es später aber nochmal in Ruhe

    Vielen Dank

    Liebe Grüße Rene

  • Ein Link zur Problemseite ist immer hilfreich.
    Haben deine Seiten einen qualifizierten Doctype?


    Selbstverständlich :)


    Die Css Datei habe ich bereits vollständig oben gepostet

    Liebe Grüße Rene

  • Problem gelöst, jetzt sieht es auch überall gleich aus.
    Bin begeistert von euer Unterstützung, danke!

    Liebe Grüße Rene