@the_treeOct 07.2006 — #Because IE doesn't fully support technical standards (shock, horror)? Well, no not really. There are numerous [url=http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.allisaw.com%2F]errors in your HTML[/url] and [url=http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.allisaw.com%2F]errors in your CSS[/url], so it would be unreasonable to expect browsers to render your page consitently.
@Alaska_RaiderauthorOct 07.2006 — #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.
@toicontienOct 07.2006 — #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: <i> </i>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.
@drhowarddrfineOct 07.2006 — #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.