Hello, everyone. I am trying to develop a web page that is just the access port to a java applet. Above the applet I want a single line containing a help link, and below the line I want a single line containing a link to site security information. I want the applet to fill all of the space in between.
I have tried to do this as follows: 1. I set the body position to fixed and it's height and width to 100% 2. I set the single table element's height and width to 100%. 3. I set the height of the top td element to 1em. 4. I set the height of the bottom td element to 1em. 5. I leave the height of the middle td unspecified. 6. I set the height and width of the applet in the middle td to 100%. This method works in FF3 and IE7, but ONLY if I do NOT have a <!DOCTYPE> declaration at the top of my file. If I have a <!DOCTYPE>, then I get different wrong results in both FF3 and IE7. Please see these links: http://sunshinedove.us/~bradford/csstest/csstest.html http://sunshinedove.us/~bradford/csstest/csstest-nodoctype.html The fact that it works only without the <!DOCTYPE> makes me suspect that I'm somehow relying on non-standards-compliant behavior, and I don't want to do that. I have also tried to use absolutely positioned div elements, but this doesn't seem to work properly for either browser with or without the <!DOCTYPE>. Please see: http://sunshinedove.us/~bradford/csstest/csstest-div.html http://sunshinedove.us/~bradford/csstest/csstest-div-nodoctype.html I would appreciate any advice you can give. Thanks, Bradford C. Smith ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
