Cross Browser Assistance

[Alaska_Raider]

Hi,

Anyone know of any reason why this site will work in IE, but not in Netscape or Firefox?

http://www.allisaw.com

It uses css...

Thanks...

[the tree]

Because IE doesn't fully support technical standards (shock, horror)? Well, no not really. There are numerous errors in your HTML (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.allisaw.com%2F) and errors in your CSS (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.allisaw.com%2F), so it would be unreasonable to expect browsers to render your page consitently.

[Alaska_Raider]

Thank you...I will go fix those errors and see what develops.

[Alaska_Raider]

Ok, I have fixed all the errors that I can in both the html and css...if I fix the others then the layout isn't correct.

http://www.allisaw.com

Thanks...

[toicontien]

Now we're working on misunderstandings of the standards, and also why it's best to develop on a Standards browser first, then hack for IE-Win. First step, add the following CSS to your style sheet:

html,
body {
height: 100%;
}

Standards browsers only make the BODY and HTML elements as tall as they need to be. When you position all the BODY contents absolutely, the BODY element technically doesnt' contain anything, because the absolute positioned elements do not exist in the normal document flow. Thus the body has a 0 pixel height. Setting the table-layer DIV to 100% height means 100% of 0 pixels.

And since the HTML element contains the BODY element in standards browsers, you set both HTML and BODY to height: 100%. Then the table-layer DIV also gets that same height.

Start there and see if that gets us on the right track.

[Alaska_Raider]

Added that to the coolstyle.css...still won't work in Netscape or Firefox...

http://www.allisaw.com

Thanks for all your help...

[drhowarddrfine]

Let's start with your doctype. It's incomplete and throwing IE into quirks mode. See my link below. Use html4.01 strict.

Next, quit trying to make the good browsers perform with code written for IE. IE is a bug so get your code working in Firefox or Opera. Then we can adjust for IEs quirks and bugs.