UL in DIV zentriert?

    Hallo,
    ein wenig komisch ist es schon. Warum bekomme ich diese UL-Aufzählung im DIV-Bereich (id=nav) nicht zentriert?

    Code
    <div id="nav" align="center">
<ul>
<li><a href="home.php" title="Home">Home</a></li>
<li><a href="login.php" title="Login">Login</a></li>
<li><a href="gaestebuch.php" title="Gästebuch">Gästebuch</a></li>
<li><a href="forum.php" title="Forum">Forum</a></li>
<li><a href="downloads.php" title="Downloads">Downloads</a></li>
<li><a href="info.php" title="Info">Info</a></li>
</ul>
</div>


    Hir ist der CSS-Code:

    Code
    div#nav {
background-image:url('images/navbg.jpg');
background-repeat:repeat-x;
height:71px;
text-align:center;
}
div#nav ul {
margin:0;
padding:0;
}


    So sieht die Aufzählung aus:
    Home | Login | Gästebuch | Forum | Downloads | Info
    Warum funktioniert es nicht?

    Hallo.


    Zuerst einmal gibt es in CSS die Eigenschaft align nicht.


    Dann verpasst du im CSS deiner liste ein margin:0; padding:0;
    Das sich das mit einer Zentrierung nicht verträgt sollte dir klar sein.


    Gruss
    Elroy

    Also, wenn ich deinen Code bei mir benutze, ist es zemtriert.
    Hast du vielleicht im restlichen Code irgendetwas gemacht, was die Zentrierung aufheben könnte?


    Das align="center" kannst du auch aus dem div nav weglassen, das gleiche machst du durch "text-align" auch in deiner CSS, zumal alles Design eh über CSS gemacht werden sollte.


    Zitat von &quot;Peter1978&quot;

    seit wann kann man in html was zentrieren -_^


    Kann man schon, sollte man aber nicht.

    Wieso macht das keiner so? Kürzerer Code, Semantisch korrekter(ausser du hast noch mehr im selben div bzw platz vor..). Obwohl je nach elementen brauch man da auch kein div


    Code
    <ul id="navi">
<li><a href="home.php" title="Home">Home</a></li>
<li><a href="login.php" title="Login">Login</a></li>
<li><a href="gaestebuch.php" title="Gästebuch">Gästebuch</a></li>
<li><a href="forum.php" title="Forum">Forum</a></li>
<li><a href="downloads.php" title="Downloads">Downloads</a></li>
<li><a href="info.php" title="Info">Info</a></li>
</ul>




    Ansonsten ist zentriert mit margin vielleicht so :D


    Code
    margin: 0 auto;

    Hallo.


    Entferne float: left und display: block.


    Benutze statt dessen display: inline und text-align: center.


    Enferne bitte den W3C Button von deiner Seite. Du hast 166 Fehler.


    Gruss
    Elroy

    Zitat von &quot;lauras&quot;

    Und das Impressum fehlt immer noch... ;)


    LG


    Was will man auch mit so einem Müll xD


    Spaß beiseite, das muss echt her, auch wenns ein Projekt ist, sowas suchn doch irgendwelche Anwälte die auf dem trockenen sitzen.

    Es ist sehr ungeschickt E-Mailadressen in Textform auszugeben, lieber als per PHP generiertes Bild ausgeben.


    Dein Formular zum erstellen neuer Mitglieder solltest du auf eine externe Seite packen, sieht nicht schön aus.


    Deine Tabelle solltest du mit einem Rahmen versehen, die kann man gar nicht richtig lesen.


    Des weiteren fällt mir gerade auf:


    Zitat


    Infos
    Browser: Safari
    OS: Windows XP
    IP: ***.***.***.**


    Ich nutze Google Chrome.

    Hey phillip, schau doch noch einmal hier nach wie du die Sachen richtig erkennen kannst:


    <!-- l --><a class="postlink-local" href="http://www.html-seminar.de/forum/php-f18/informationen-ueber-besucher-tutorial-t2272.html">php-f18/informationen-ueber-besucher-tutorial-t2272.html</a><!-- l -->

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden