Newbie- question about layers

[faltered]

I have a site I designed in DW which displays perfectly in internet explorer. Yesterday I finally got my hands on firefox and looked at it in there- it's mostly ok, except the layers seem a tad off. For some reason the layers in two or three pages aren't displaying correctly.

Is this common? Anything I can do to fix it without severely rehauling my site?

[faltered]

Ok, I just checked it out in Opera, too.

For some reason, Opera is cutting off the bottom few lines, no matter what's there- whether it's text, a graphic, etc.

Ugh.

[faltered]

Anyone help?

[coopster]

Layers? You mean the markup? Have you tried the CSS Forum [webmasterworld.com]?

[faltered]

I tried posting it there once, but it got moved by one of the moderators. I'll have to try again. Thanks.

[coopster]

You may have to give a bit more detail ;)

[thewebdecorators]

"Layers" is a DW reference. That's why some people don't understand. I had the same issue. I put my layers inside a table and that helped a bit. Did you try that?

[mrnoisy]

What Dreamweaver calls a layer is actually a <div>. Try getting it to look right in Firefox first and then tweak it so it looks right in IE. Also make sure your pages validate [validator.w3.org].

[faltered]

I did put my layers inside a table. It helped some, but didn't solve all of the layer problems. I tried validating the code, but it comes up with some wacky errors related to the php references.

I'll just have to go another route. Thanks all!

[curlykarl]

If you use an extension called Layer2Style on the pages it should help, I had the same problems.

When you run it will show you all the sizing errors in your Layers, it also gets rid of a lot of extra code.

If you cant find it let me know and I'll sticky you the url.

Karl :)

[faltered]

Thanks Karl. I'll have to look into that.

[Strange]

I've found that IE and Mozilla display elements a little differently. There are default settings for padding and margins in each browser that cause the layers to look different in each browser.

This can be remedied by setting those elements to your desired spacing.

Ex:
body{ margin:0px; padding:0px; }
p { margin:0px; padding:0px; }
div { margin:0px; padding:0px; }