Layers in IE vs Firefox

[austtr]

I learned from these forums some time ago about the importance of the DOCTYPE statement so that pages display the same in both Firefox and IE. Once the DOCTYPE was added, all the display problems disappeared.

That was until recently when I did a page with multiple layers on it. IE placed all the layers "correctly" across and down the page, recognising the layer positions.

Firefox did not recognise the correct positions and the display was a rather jumbled mess of layers butted up against each other.

I'm a novice when it comes to layers, not having much need to consider them in the past.

Any suggestions as to why the difference between Firefox and IE when all other aspects of the page display are the same?

[John Carpenter]

Any suggestions as to why the difference between Firefox and IE when all other aspects of the page display are the same?

No software is bug-free. Firefox is great but it can have its bugs too.

[tedster]

layers butted up against each other

Even using a DTD, you may still be wrestling against IE's non-standard rendering of the box model. Also, I assume you are using DreamWeaver because you mention "layers" - the name that DW uses for divs.

A couple questions to zero in a bit more:

1. Have you validated the mark-up? (always a first step when you debug cross-browser rendering)

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]

2. What DTD are you using?

[edited by: encyclo at 1:20 am (utc) on Aug. 14, 2005]
[edit reason] fixed quote formatting [/edit]