divs mit float:left zentrieren

[Detlef G.]

Hallo Roland

aber ich hab das ganze style-attribut gl. gelöscht und im head
    div {width:200px; padding:10px; float:left; margin:auto; }
geschrieben (nutze den head normal auch nicht so viel, da ich eine externe *.css hab)
(hab sonst eh nur 1 div und jetzt steht halt in dem ein bisschen mehr, aber insgesamt is es natürlich schlanker, thx

Meiner Meinung nach gehört dort kein Div hin. Es ist eine Liste von Links,
die jeweils aus einer Grafik und einem Text bestehen.

Ist das Layout flexibel oder hat es eine feste Breite?
Davon ist es abhängig, ob es relativ einfach zu realisieren geht.
nein, leider nicht,

Wieso leider?
Es ist doch gut, wenn dein Layout flexibel ist. Es wäre nur Unsinn gewesen
komplizierte Lösungsmöglichkeiten zu suchen, wenn die Seite sowieso starr
wäre.

ich könnte natürlich alles in ein div reinpacken,

Oder eine Liste nehmen, womit du automatisch ul als umschließendes Element
hättest. Alles darin kannst du dann einfach und unkompliziert über den
Nachfahrenselektor ansprechen.

Habt ihr vielleicht eine bessere Idee?

Soweit ich das sehe musst du Kompromisse eingehen.
Du könntest die Ausrichtung bei flexibler Seitenbreite mittels Javascript
realisieren. Für den Fall, dass Javascript nicht verfügbar ist, könntest du
dann entweder mit fester Anzahl nebeneinanderstehender Bilder arbeiten und
fester Breite oder flexiblem Abstand zueinander, oder du verzichtest für
diesen Fall auf die Zentrierung.

Ein Beispiel findest du hier unter der Überschrift "Für viele Bilder"

Auf Wiederlesen
Detlef