nicht angemeldet
Hey!
Ich möchte gerne mehrere Hoverbuttons nebeneinander zentriert in einem div-Bereich haben. Dabei habe ich nun zwei Möglichkeiten gefunden und ausprobiert, welche im IE6, IE7, FireFox 2 und Opera 9 funktionieren:
http://datakeeper.lima-city.de/variante1.php
http://datakeeper.lima-city.de/variante2.php
Variante 1: Links mit float: left;
Variante 2: Links mit display: block; als Liste mit display: inline;
Seht euch einfach den Quelltext an.
Nun weiß ich aber nicht, welche "richtiger" ist also welche ich am besten verwenden soll und würde gerne eure Meinung dazu hören.
Weiters stört mich, dass ich zwei Container benötige, um die Buttons zu zentrieren. Und zwar einen äußeren Container, welcher auf der gesamten Seite zentriert wird (Der muss vorhanden sein, gehört zu meinem Design) und einen inneren Container, der im äußeren Container zentriert wird und die Links (Mit Hintergrundgrafik) beinhaltet.
Nun, geht das nicht einfacher? Ich schaffe es aber nicht, die Links bzw. Links als Listenelemente zu zentrieren, es geht nur wenn ich diese in einen Container packe und diesen dann im eigentlichen Container zentriere.
(Im Quelltext: #outermenu ist der eigentliche Container, in dem ich vorhatte die Links zu zentrieren. Ging aber nicht, daher habe ich die Links in #menu gepackt und diesen Bereich dann in #outermenu zentriert)
Wichtig ist eben, dass es in beinahe allen Browsern gleich dargestellt wird, mindestens in denen die ich oben aufgezählt habe.
So, ich denke das war verständlich genug.
Danke schonmal!
MfG