[CSS] float: right met variable width..

[ekkoper]

Hallo,

Voor een website wil ik graag het volgende bereiken:

binnen een container-div zit aan de rechterkant een blokje (met foto's). Links daarvan en daaronder staan items (weblog). Nu wil ik dat die items tot aan dat blok lopen, en als ze lager komen dan dat blok (doordat er meerdere items boven staan) ze de volledige breedte beslaan.

Dit is een versimpelde versie, die dus niet werkt:
[voorbeeld verwijderd]

Ik heb nu het gele item (item1) een vaste breedte gegeven, maar dat kan ik normaliter niet doen, omdat de weblog-items automatisch door PHP gegenereerd worden. Ik kan dan dus niet zeggen dat item1 een vaste breedte moet hebben, item2 ook, en item3 (omdat die onder het blauw blok uit zou komen) een volledige breedte moet krijgen. Het rode item (item2) moet tevens links van het blauwe blok. Het groene item (item3) moet dan automatisch onder item2 en het blauwe blok komen.
De drie items moeten dus qua CSS identiek zijn.

Ik heb al veel gelezen over float via Google, maar niet dit specifieke probleem (van een variabele width) kunnen vinden. Ook op tweakers kan ik niet vinden wat ik zoek. Maar misschien ligt dat wel aan mij..

Kan iemand me helpen?

Groeten,
Eduard

[Bosmonster]

Ik snap niet zo goed waarom je al die blokken rechts float. Als je daar gewoon de with en float weghaalt en alleen die block rechts float, heb je toch wat je wilt?

Dat is het hele idee van float

[ Voor 10% gewijzigd door Bosmonster op 22-04-2010 12:04 ]

[ekkoper]

Ja, je hebt zo te zien helemaal gelijk!
Heel dom van me..

Bedankt!