CSS zentrieren

[Zipper5004]

Hi, ich versuche verzweifelt die Menüleiste zu zentrieren, aber es klappt nicht.

hier der CSS Code:

.menu a {
    text-decoration:none;
    float: left;
    font: 15px arial, sans-serif;
    width: 127px;
    height: 25px;
    font-weight:bold;
    background-image: url(../img/button4.png);
    color: #FFF;
}

.menu a:hover {
    width: 127px;
    height: 25px;
    background-image: url(../img/button3.png);
}

.menu a:visited {
    color: #FFF;
} 

Seite

Gibt es da eine Möglichkeit, das via CSS zu lösen, oder muss ich die Bildschirmauflösung auslesen, und dementsprechen dann ausrichten?

gruß

[Kropff]

div.menu
{
  margin: 0px; auto;
} 

schau dir ggf. mal hier die ersten beiden praxistutorials an, da wird auch darauf eingegangen.

peter

[Zipper5004]

Ich habe deine Sache hinzugefügt, aber es hat sich nichts getan.

wenn ich das "float: left;" weg lasse, dann wird es zentriert dargestellt, aber die vorgegebene Breite bzw Höhe stimmt nicht mehr.

[Kropff]

wenn ich das "float: left;" weg lasse

du hast dein float auf die links angewendet. ich bezog meinen hinweis auf das div. ach ja, eine breitenangabe sollest du schon setzen (beim div).

peter

[Zipper5004]

Ich versteh nicht, was du mir sagen möchtest, ich habe das Style sheet angepasst, und den entsprechenden div tag hinzugefügt.
Ich könnte die Menüleiste auch absolut adressieren, aber ich möchte sie wie gesagt zentriert haben.

[Kropff]

bei deiner art der umsetzung gibt es imho nur eine lösung. feste breite für menu und das schon erwähnte margin. siehe anhang

peter

[Zipper5004]

Ok, dann habe ich aber das Problem, dass Benutzer mit einer geringeren Auflösung scrollen müssen.

Gibt es noch eine andere Möglichkeit, das Menü so zu "animieren" wo man nicht Scrollen muss?

[Kropff]

also wenn ich ganz ehrlich bin, würde ich das an deiner komplett neu und anders machen, also in der richtigen reihenfolge und ohne diese position-angaben. arbeite wirklich mal meine tutorials durch, dann findest du mit sicherheit eine viel elegantere lösung.

Ok, dann habe ich aber das Problem, dass Benutzer mit einer geringeren Auflösung scrollen müssen.

die 635px sind sowie das absolute minimum, denn sonst springen die buttons.

peter

[Zipper5004]

Verdammt nochmal, der IE ist doch irgendwie doof.

Beim FF sieht alles so "toll" aus, und beim IE ist dann wieder alles unformatiert.

muss/kann ich bei jedem Befehl einen weiteren Befehl für den IE erstellen, so wie hier:

hr
{
color: #2C210D; /* IE */
background-color: #2C210D; /* FF */
} 

[Kropff]

arbeite mit conditional comments. das ist die sauberste lösung.

peter