Wie erreiche ich das unerlaubte "float:center"?

J

JBJHJM

Mitglied
Hallo,
Die Situation sieht so aus - ich habe eine mittig zentrierte Website, im Header einen Banner und die Navigation. Im content-Bereich ist jetzt die Gallerie - je nach Kategorie mit unterschiedlicher Thumb-Anzahl; das bedeutet letztendlich, dass in der letzten Reihe zwischen 1 und 5 Bilder sein können. Da die Website mittig zentriert ist, würde ich gerne auch die letzte Reihe mittig zentrieren, um eine gewisse Symmetrie zu erhalten falls nur 1-4 Bilder drinnen sind. Leider gibts das gesuchte float:center nicht :/ ... hat irgendjemand eine Idee wie das ganze zu realisieren wäre ohne Javascript zu benutzen?

Die Thumbs sind momentan einfach so organisiert:
HTML: 
<a href="...maximize..." style="background-image:url(bild.jpg);"></a>
Style:
a {float: left;	margin: 5px;width: 160px; background-repeat:no-repeat;	background-position:center center; display:block; height: 200px; }

Hoffe jemand hat eine Idee?! :confused:

Danke!
 
Hi, habs gerade mal angeguckt und ausprobiert - bringt leider nichts. Nachdem ich das neue css eingebaut und korrigiert habe, sieht es genau so aus wie vorher. Für ein einzeiliges ul/li funktioniert das wunderbar, aber ich benutze hier ja eine mehrzeilige gefloatete Ansammlung von a-block-Elementen.
 
Und was hindert dich, die lose Ansammluing von <a>-Elementen, die übrigens keine Block-, sondern Inline-Elemente repräsentieren, jeweils paketweise (= 5 Stck.) in solch eine unsortierte Liste einzubinden?

//edit: Ansonsten verzichtest du auf die float-Regel, und formatierst das Elternelement der Links mit text-align:center.
 
Zuletzt bearbeitet:
Ich habe den <a>s aber ein display:block verpasst! Sie brauchen ja eine feste Breite und Höhe, damit das Thumbnail korrekt angezeigt wird (->als background-image)
Wenn ich auf die float-Regel verzichte, müsste ich wieder auf inline zurückgehen, richtig?


Edit//
Gerade ausprobiert, funktioniert super!
Nutze jetzt display:inline-block, im Elternelement das besagte text-align:center, und es ****t! Vielen Dank! hmm wieso wird denn " f u n z t " unkenntlich gemacht :P
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück