Web/html question

[Slagar]

I'm making a page with the layer tags in it. I'm experiencing trouble when trying to make the page compliant for all browsers.

In essence, the (x.y) offset for the layer shows up in different parts of the screen for IE and for Firebird - this is rather inconvenient when I'm trying to have dropdown menus which have to line up exactly.

Currently they appear properly in IE but are pushed down and right in Firebird... am I overlooking anything simple here or is this going to frustrate me for a while yet?

[Vorph]

Maybe I'm reading this wrong, but are you saying you're actually using the LAYER tag or are you talking about CSS Layers?

If you are, don't. Use DIV instead. LAYER was deprecated a while ago, and I wouldn't be surprised if Firefox doesn't have working support for it.

If you're actually using DIVs and it still doesn't work, I'd need to see some code.

[Slagar]

Yeah, I'm referring to div tags. With IE it looks fine, in Mozilla it looks off. And for whatever reason my boss isn't happy unless it's perfect in both. I'm using Dreamweaver for the coding, here is the layer in question.

To see what I'm talking about check out the test site.

Here's the code with < replaced with (.

(div id="products" style="position:absolute; width:120px; height:120; z-index:2; left: 142px; top: 119px; visibility: hidden;")(/div)

[Vorph]

1. mainbanner.swf -- wmode param set to opaque when it should be transparent

2. mainbanner.swf -- missing wmode = "transparent" in the EMBED tag.

3. In main STYLE definition add the following above .style1:

body {
padding: 0;
margin: 15px 10px;
}

4. For the two dropdowns, even in IE there's a slight issue - make top: 118px instead of 119px.

5. In the DIV for the entire menu table it currently reads: <div align="center">
Change that to: <div align="center" style="position:absolute; top: 118px">

The principle here is that if you're going to layout part of your site with absolute positioning, you need to lay it ALL out with it. Firefox and IE will add different amounts of whitespace (check out your current site and you will see that there's more space between the banner flash object and the menu in IE)


I think that's everything I changed to make it work; now I'm going to go make myself a good stiff drink to get rid of the headache that Dreamweaver's retarded inline CSS gave me. :P

[Guild Lackey]

A style sheet would make your life easier.

[Slagar]

Sorry I haven't been able to access the boards the past several days so I didn't read your response until this morning.

Thank you very much for the helpful response -- the absolute positioning was spot on, it now lines up exactly the way it should.

Can I buy you a drink or order you a pizza?