[Solved] Absolutely positioned header elements collapsing?

[Noel Forte]

Hey,

I’m trying to absolutely position some centered header elements inside of relatively positioned articles (or divs), which are floated next to each other. However, the headers are overlapping onto each other, flowing outside of their elements.

I’ve made a reduced test case, to shows what’s going on. The final result will have the headers aligned to the bottom of their articles, which I only assume involves absolute positioning.

Any help would be appreciated.

Thanks, Noel

[Noel Forte]

Thanks for the tip with min-height. I’ll have to try that out.

As for the positioning, there won’t be any content in the articles. They’re going to hold background images, and the headers will be positioned at the bottom.

[Author]

Posts