Forum Moderators: not2easy

Message Too Old, No Replies

Inman Nested Positioning - Tricky!

Question regarding nested Inman positioning

         

trnelson

3:46 pm on Jul 18, 2007 (gmt 0)

10+ Year Member



EDIT: LOL just noticed I called it Nesterd Positioning.

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. =)

trnelson

4:45 pm on Jul 18, 2007 (gmt 0)

10+ Year Member



For anyone that cares, here's what I did to fix my problem. The mission statement should really be part of the branding (well, actually it's more of a general statement about the company than their mission statement, but I digress).

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.