Hallo zusammen,
Ich habe auf folgender Seite ein Problem:
http://p107417.typo3server.info/weingut.0.html
die vier grünen Buttons unter dem Text sollen per CSS rechtsbündig mit dem Text abschließen. Doch leider funktioniert das im Firefox 3 nicht richtig.
Ich bekomme es nur hin, wenn ich ".imagebuttins img{float:right;}" setze, doch dann sind auch die Positionen der die Bilder öffnenden Buttons verkehrt herum.
Hat jemand eine Idee, was ich falsch mache.
Gruß Cored
Also bei mir funktioniert es problemlos, wenn ich
.imagebuttons {
float:right;
}
setze und die width daraus entferne.
Wenn du es dann noch wirklich bündig haben willst, dann solltest du noch
.imagebuttons img {
padding-left:10px;
float:right;
}
setzen.
Wenns dann noch probleme gibt, dann hebst du nach den Bildern das floaten mit nem clear:right wieder auf.
Hallo SLAng
danke für die Antwort.
Doch leider funktioniert das ganze bei mir im Firefox3 nicht.
Dort stehen dann die grünen Buttons in einer Spalte untereinander.
und nicht mit padding 10 nebeneinander.
Im Firefox2 sieht es hingegen gut aus.
Zufällig noch ne Idee?
Danke schonmal
Cored
Hallo cored,
versuch bitte folgendes:
div.imagebuttons -> rechts floaten, ohne Breite (wie oben)
div.align -> links floaten
OT: Muss es wirklich so eine Div-Suppe sein und auch noch absolute positioniert?
🙁
EDIT: Oder
div.imagebuttons -> ohne float und width
div.tx-chgallery-pi1 -> float: right
div.align -> float: left