Jeff, you wrote:
> I am trying to setup a site layout that puts the content first in the
> markup and then the rest of the stuff including navigation after.
> I have seen several examples of setting up a layout like this, but I
> have not found one that factors in a horizontal navigation bar in
> between the content and header.
I'm not using a horizontal navigation that should appear above content,
thus no complete example-page. However, most of the problems with
font-resizing can be counteracted by using em's for height in a
space-opening div above content.
> Without knowing the height of the navigation bar, how do you position
> the content panel? Anybody know of any sites that do this?
Think this is what you are looking for:
Try font-resizing on my entry-page in Firefox, and you'll see this
approach in action. It works differently in IE-win.
My space-opener is a header-div with the correct <h1> inside so the
headline comes before content. This is covered by the the absolute
positioned replacing header from bottom of the source-code, making it
look like something else.
The content-container, and everything else down the page, are floating,
and so it moves up and down as it should.
The top margin on the content-container may be used as space-opener, but
margins are not always working as we like them to.
If necessary you may have to use more than one space-opening div on
top of each other - using height only on them, as they are easier to
control that way. Empty divs doesn't show up anyway.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/