So I removed the xml prologue, and I will be getting around to messing
with IE tomorrow. Thanks for pointing out the quirks mode info.
As for the floating of #header #nav and #main I did that because I
need to have #main right aligned, and underneath #header and #nav.
And until I floated #header and #nav I couldn't get that to happen.
Any ideas on how to do this without the floating?
On Sun, 26 Sep 2004 10:33:28 -0500, Rob Lifford [EMAIL-REMOVED]> wrote:
> JB McMichael wrote:
> > Its the layout elements that I need to get working.
> > The way the page looks in Firefox is the way I want it
> > to look. It is different in IE, and I would like it to look the same,
> > or at least closer to Firefox then it is now..
> Start by getting rid of the optional xml prologue (<?xml version="1.0"
> encoding="UTF-8"?>) before your DOCTYPE. That's putting IE in quirks
> mode , where it uses the non-standards IE5.x box model. Turn on
> borders (or a new bg color) on container for a sec and you'll see very
> clearly that it's 720px wide in IE, with the padding on the inside. It's
> 780 px wide in Firefox, which is using the right box model: 720 px wide
> + 30px left padding + 30px right padding = 780px.
> Once you've put IE in standards mode, you might find most of the
> problems with your layout disappear. If not, it should be easier and
> more predictable to troubleshoot from that point on.
> You also might want to reconsider having #main (and #nav) both floated
> AND relatively positioned. Usually you can get what you want with one or
> the other, and using both adds a layer of complication that may be
> harder to troubleshoot.
>  http://www.positioniseverything.net/articles/doctypes.html
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/