Links zentrieren

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Links zentrieren

    Hallo, ich habe folgenden Code:

    CSS:

    Quellcode

    1. body {
    2. background-color: #FFFFEE;
    3. color: #800000;
    4. font-family: Verdana, Helvetica, sans-serif;
    5. font-size: 14px;
    6. text-align: center;
    7. cursor: default;
    8. }
    10. #test a {
    11. background-color: #EEAA88;
    12. color: #800000;
    13. font-size: 20px;
    14. width: 20%;
    15. margin: 10px;
    16. padding: 10px;
    17. border: 2px solid #800000;
    18. text-decoration: none;
    19. }
    21. #test a:hover {
    22. background-color: #800000;
    23. color: #EEAA88;
    24. }
    Alles anzeigen


    HTML:

    Quellcode

    1. <div id="test">
    2. <a href="http://google.de">Google</a>
    3. <a href="http://google.de">Google</a>
    4. <a href="http://google.de">Google</a>
    5. <a href="http://google.de">Google</a>
    6. </div>
    7. (im Original sind noch mehr Links)

    Wie schaffe ich es nun, die Links zu zentrieren? Habe schon mehrere Möglichkeiten ausprobiert.

    Gruß, zichy

  • Unter FireFox 3.0.11 funktioniert die zentrierte Darstellung tadellos.

    Abgesehen von der Position der Eigenschaft text-align im HTML-body, die ich eher direkt im div#test platzieren wuerde,
    sehe ich im Code selbst kein Problem. (Keine Ahnung ob das der IE 6 und aelter auch so sieht und sich weigert :P )

    Mir fallen nur zwei Moeglichkeiten ein:
    1. Seperate CSS-Datei wird nicht korrekt eingebunden und auch border usw. haben keine Auswirkung oder
    2. der verwendete Browser ist schuld.