CSS wrakker doet raar

[IT07]

Beste mensen,

Zat zojuist te pielen met een wrapper div met daarin 2 andere divs.
Dit is het probleem:

<div wrapper> hierin 2 divs die als content functioneren. </div wrapper>

de 1e div in de wrapper heeft text, een <img src> en een background via CSS.
de 2e div in de wrapper is een empty div maar heeft een background gekregen via CSS.

Content divs hebben allemaal position: relative; dus de 2e div zou netjes onderaan de eerste
moeten aansluiten.... doetie niet!
Maar wanneer wel? als ik overflow: hidden; geef aan de div........
Waarom dat? normaal dan zouden die div's zonder overflow: hidden; moeten werken maar dus niet.
Iemand hier een oplossing voor?

Alvast bedankt.
Groeten,
IT07.

 

[csshunter]

Hoi IT07,

... netjes onderaan de eerste moeten aansluiten.... doetie niet!

Wat doettie dan wel?

Als ik jouw constructie volg, sluiten de div's gewoon goed op elkaar aan.

• Test: wrapper-divs.htm
  Zie broncode.

Maar als het bij jou met een {overflow:hidden} wel werkt, ruik ik dan ergens een float ?
Of ruik ik <p>'s die geen {margin:0; padding: 0;} hebben?
Oftewel: heb je een link naar een testpagina met de complete html en css en images er op?

Met vriendelijke groet,
CSShunter

 

[IT07]

Maar als het bij jou met een {overflow:hidden} wel werkt, ruik ik dan ergens een float ?
Of ruik ik <p>'s die geen {margin:0; padding: 0;} hebben?
Oftewel: heb je een link naar een testpagina met de complete html en css en images er op?

Met vriendelijke groet,
CSShunter

haha, ja whor ik heb het probleem weer gevonden dankzij jou!
Inderdaad, er zat een <p>'tje in de bovenste div die geen margin:0 padding:0 had

thanks, you're my hero :thumb: