layers displaying differently in Firefox then in IE

[JayStang]

Hey guys,

I'm having some issues using layers. In internet explorer it displays perfectly just how i want it.. but when viewing in firefox it pushes the layer the buttons are in up so it covers part of the title bar.

http://www.ctechnow.com/sebastiansmaintenance/test3.html


anyone know how to fix this?

Thanks,
~Jamie

[Masterslave]

I see the site is made in Dreamweaver, I suggust not to use it because it isn't a good app, at least you work in code view, design view isn't relyable...

Do you have your margin and padding set to "0"? If not thats explain the gap in the top of the page.

Because you(Dreamweaver) used z-index, the topimage is under the menu, so the positioning is not right.

My tip: Work in notepad or another none WYSIWIG editor.

[ronaldb66]

There is nothing inherently wrong with DreamWeaver as a tool, but as with any tool, if one lacks the basic knowledge to operate it, the outcome rarely satisfies.

Please understand that DW is just a tool; it's not a magical web site creating wizzard. I strongly recommend you get to grips with at least the basics of (X)HTML and CSS (Cascading Style Sheets); knowledge like that will help you put DW to its best use.

Your current approach relies heavily on absolutely positioned divs (dubbed "layers" by DW), which is a very rigid and fault-sensitive way to go about things. Although absolute positioning has its applications, it by far isn't the only or even the best solution for every layout issue.
Your layout can be fairly easily achieved with decent structural markup and some well applied floats.

Forget about DW's layers and dig into some more advanced layout techniques; we'll be glad to help you out and point you to valuable resources.