[saucer]

Hallo zusammen,
ich hab hier ein Layout:




Dass ich gerade in xhtml umsetzen will. Ich habe jetzt einen Div-Container für den Header, dann den Wrapper, einen Div-Container für das linke Menü und einen Div-Container für den Content.

Jetzt philosphiere ich gerade wie ich die einzelnen Elemente rechts anordne - wie würdet ihr das machen ohne für jedes Element ein neues DIV aufzumachen? Wie mach ich das möglichst sauber und übersichtlich?

[orangensaft]

Mit Elementen meinst du jetzt den Titel der Produkte, die Beschreibung, den Preis und die zwei Buttons "anzeigen" und "in den Korb"?

[beeviZ]

Durch die Rundungen wir das ganze richtig derbe verkompliziert. Da musste dich wohl mit spans aushelfen oder die Höhen und Breiten fest machen, dann kannste mit Hintergrundbildern arbeiten dafür. Ich gehe jetzt einfach mal davon aus du machst das mit Spans und gehe nicht weiter darauf ein.

Unser Angebot -> h2
Bild -> img mit float left
Bubble Mailers -> h3
Beschreibung -> p
Trenner -> hr
Preis -> p mit float: left und border-right (für den vertikalen trenner)
"anzeigen" -> a mit klasse
"In den korb" -> a mit klasse
Trenner -> hr mit clear: left. alternativ ein div um das ganze produkt mit border-bottom.

beim nächsten produkt eben das gleiche spielchen.

[hyko]

würde ganze in listen lösen - zwei listen in sich verschachtelt... - code folgt morgen - bin auf dem sprung nach muc - bis gleich grosser und wehe es schmeckt nicht