Hi Rob,
You're using a lot of absolute positioning, which can be tricky. It
looks like you're trying to tile an image on #page-bg-body a la faux
columns. But check out what happens when you add a border to it:
<style>
#page-bg-body {border:1px solid red;}
</style>
In IE, it has no height because it has no children still in document
flow. Since it has no height, it won't tile down the length of the page
as you expected.
I would try to simplify your CSS a bit by losing the absolute
positioning and using floats instead. The design you have should require
simple enough CSS. I would tile your image down on the <body> element.
Center the #page-bg-body element on the page and then float #body-navbar
left and #body-contents right.
Since you want the content to extend down the length of the page, try
applying a height of 100% to #page-bg-body and position it so that it
runs the length of the page, top to bottom. Then apply enough padding to
the top and bottom to accommodate the masthead and footer areas,
respectively. Position the masthead and footer areas absolutely, and you
should have a design that will be more resilient.
You could always use a template that has already been developed and
adapt it to your own use, I think the following is pretty much what you
need:
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
Apply Cederholm's Faux Column technique, adjust the height of the main
content and nav panes to extend to the bottom and you should be good.
Hope that helps,
Chris
http://www.nextdesigns.ca
Rob Emenecker wrote:
> Okay... it's definitely one of those days... here is the URL that was
> missing from my previous missive...
>
> www.areteam.com
>
> ...Rob
>
>
>
>> -----Original Message-----
>> From: [EMAIL PROTECTED]
>> [mailto:[EMAIL PROTECTED] On Behalf Of Rob
>> Emenecker
>> Sent: Thursday, May 15, 2008 10:18 AM
>> To: [email protected]
>> Subject: [css-d] site check -- IE6 problems
>>
>> Hi all,
>>
>> The following site is working fine in IE7 and Firefox 2, but
>> breaks down in IE6. Specifically the page sections containing
>> the navigation bar and the content, are not filling down the
>> page and stopping at the footer, along with scroll bars not
>> appearing per the "overflow: auto" property on a containing
>> content div. Can anyone shed light as to what I'm doing, or
>> not doing, that is causing this to breakdown!?
>>
>> Thanks,
>> Rob
>>
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
