Jeg ønsker at lave en struktur, hvor css'en automatisk "stabler" indlejrede div'er, når man ændrer bredden på en "wrapper" (den grå kasse), der omslutter de øvrige. Den grå kasse ser I her på billedet:

http://raaskot.dk/raalab/freakno/stacking_div.jpg

[COLOR="Red"]Spørgsmål:[/COLOR]
Jeg kan ikke finde ud af, hvordan jeg lukker mellemrummet, som I kan se i ovenstående.

Dette vil være nyttigt ved igangværende opbygning af "responsiveness", hvor elementet skal indgå.

Koden ses her:
https://jsfiddle.net/Raaskot/3cpmxmfa/2/

Jeg vil være særdeles taknemmelig for enhver hjælp.

Hej Zirto
Mange tak for respons. Jeg har (desværre) ikke det store kendskab til rammeværker (Bootstrap etc.) og ved ikke, om jeg kan få det til at fungere i det, jeg har til hensigt: At placere det viste css-layout i et iframe-vindue inde i en html5-opsætning. Det lyder måske lidt langhåret, men er det faktisk ikke i den sammenhæng, jeg påtænker. Jeg er derfor i tvivl om, at brug af "frameworks"(som jeg ikke har brugt før) bare gør det hele for komplekst.

Tak for eksemplet, du viser på https://jsfiddle.net/69s17uw5/. Desværre er det ikke helt som det ønskede: automatisk omløb af bokse inden for en "wrapper". I det viste opstår huller eller mellemrum, hvor boksene ikke når sammen.

http://raaskot.dk/raalab/freakno/stacking_div_02.jpg

Jeg forestiller mig følgende visuelle struktur:

http://raaskot.dk/raalab/freakno/stacking_div_03.jpg

Vh. Raaskot

Fik ikke tilføjet dette inden de 5 minutter var gået (tidsbegrænset redigering af indlæg jvf. administrator;-)):

Når man reducerer bredden på "wrapper" skal boksene ordne sig på flg. vis:

http://raaskot.dk/raalab/freakno/stacking_div_04.png