Forum Moderators: not2easy
Hey everyone, I know I can't post links so I'll do my best to explain. I hope this makes sense. =)
I'm using an absolute-positioned layout, two column, and I'm using Inman positioning to drop the footer below the longer column, which is CONTENT1. Easy enough.
Here's where it gets tricky. The Branding/H1 div is at the top of only the left (shorter) column, and is positioned absolutely. The CONTENT2 div should flow beneath it, but of course since absolutely positioned for my layout, they overlap eachother. I can't really change the positioning type because it will break the layout, and I can't set a static height on the Branding/H1 div or a static top: on the CONTENT2 because there is some copy inside of Branding that may change size.
So, any ideas on how I can make the CONTENT2 flow beneath the Branding/H1 div without any unnecessary markup, or perhaps using the same Inman technique?
I'm a bit new to positioned layout and come from a float: based layout. I like this new positioning approach, but it does take some getting used to. =)
I put the statement as the first paragraph of the CONTENT2 div, and then just set a static top: for it to rest beneath the Branding area. Not ideal, as I'd rather it be within the Branding div, but it works for now and that's all that matters.