Previous Message
Next Message

Page doens't work in IE

Sent by JB McMichael on 27 September 2004 04:04


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?

Thanks

-JB


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 [1], 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.
> 
> HTH,
> Rob
> 
> [1] http://www.positioniseverything.net/articles/doctypes.html
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: