which completely trashes the javascript after the mail software has reformatted it... <sigh/> Nevermind. The js is irrelevant to the original question. :-(
-----Original Message----- From: Andrew Hill [mailto:[EMAIL PROTECTED]] Sent: Saturday, December 14, 2002 23:23 To: Struts Users Mailing List Subject: RE: [OT][HTML] Table height in the absence of a height attribute Hmm. Looks like the attachment got trashed. Ill paste it inline: ############################################################# <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html> <head id="xhtml_head"> <title id="title">application title</title> </head> <body id="xhtml_body" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" bgproperties="fixed"> <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0"> <tr align="left" valign="top"> <td width="150" style="border-bottom: none;"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td align="left"> <div id="insert_navigator"> Navigation links get shoved here (these ones are for the 'area' of the app we are dealing with) <br/> <a href="#">go over here</a><br/> <a href="#">go over there</a><br/> <a href="#">look left</a><br/> <a href="#">look right</a><br/> <a href="#">choose life</a><br/> <a href="#">choose something else</a><br/> <a href="#">etc...</a><br/> </div> </td> </tr> </table> </td> <td align="right" rowspan="2" width="99%"> <table border="0" width="100%"> <tr> <td width="99%" align="left"> <h2>A big title goes here</h2> </td> <td nowrap="nowrap" align="right" valign="middle"> <div> <span style="font-size:125%; font-weight:bold;">some more title stuff</span><br/> <span style="font-size:100%;font-weight:bold;">etc...</span> </div> </td> <td align="right"> <img border="0" alt="logo" src="images/logo.gif" style="margin-left: 4px;"/> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="left" valign="top" colspan="2"> <div id="insert_header"> Some more navigation links (to navigate between 'areas' of the app)<br/> <a href="#">blah | yadayada | etc | clickme | clickmenot</a> </div> <hr width="100%" /> </td> </tr> <tr> <td align="left" valign="top" colspan="2"> <div id="insert_page"> The actual form or page of interest goes here... (for example:) <form name="nukem"> <fieldset> <legend><strong>Who do you want to nuke today?</strong></legend> Target: <select name="city"> <option value="1">Baghdad</option> <option value="2">Havana</option> <option value="3">P'yongyang</option> <option value="4">Brussels</option> <option value="5">Washington</option> </select><br/> Launch Code: <input type="text" size="5" value="4444"> <input type="text" size="5" value="4444"> <input type="text" size="5" value="4444"> <input type="text" size="5" value="4444"> <br/> <script type="text/javascript"><!-- function nuke() { var index = document.nukem.city.selectedIndex; if(index == 4) { alert('Are you sure Mr President? Maybe you want to check the map first?'); } else if(index == 3) { alert('Umm. That might have a negative impact on your popularity sir...\n then again...\n ...most voters dont know where it is,\n so what the heck eh?!'); } else { alert('Launch error! Missile failure - error converting between metric and imperial units'); } } function wimpOut() { alert('Brave Sir Robin ran away,\nBravely ran away, away.\nWhen danger reared its ugly head, he bravely turned his tail and fled.\nYes, brave Sir Robin turned about\nAnd gallantly, he chickened out. Bravely taking to his feet,\nHe beat a very brave retreat,\nBravest of the brave, Sir Robin.\n'); } // --></script> <input type="button" value="Wimp out" onclick="wimpOut();"> <input type="button" value="Nukem!" onclick="nuke();"> </fieldset> </form> </div> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="bottom" style="border-top: none;"> (the iframe below has some status stuff) <iframe width="160" height="160"> </iframe><br/><br/> Logged in as Dubya <br/> <br/> </td> </tr> </table> </body> </html> ############################################################# -----Original Message----- From: Andrew Hill [mailto:[EMAIL PROTECTED]] Sent: Saturday, December 14, 2002 23:13 To: Struts; Gemes Tibor Subject: RE: [OT][HTML] Table height in the absence of a height attribute Ok. Ive attached an example html file. This is a butchered version of the one Im actually using with some stuff taken out (wouldn't want you all to know important proprietary info like what our css classes are named ;->). (Also spent far too much time playing with example form content (all done in the best possible taste ;->) hehe) If you view it under ie5 its all layed out the way I want (and resizes nicely with changes of window size), but under ns6, ie6, the height attribute of the table tag isnt respected, leading the table to only expand vertically as much as it needs to in order to accomodate its contents. This is purely a cosmetic problem of course, but I would really like to find a nice solution. <btw> My rendering approach is based on DOM rather than JSP but as my question focusses on html rather than jsp this shouldnt affect the applicability of a solution. The dynamic stuff, such as the page content, title, navlinks, etc etc... is inserted into the DOM before the final result is serialised to the response writer... </btw> -----Original Message----- From: Gemes Tibor [mailto:[EMAIL PROTECTED]] Sent: Saturday, December 14, 2002 22:08 To: [EMAIL PROTECTED] Subject: Re: [OT][HTML] Table height in the absence of a height attribute > All my pages have a big table that acts as 'template' for the page, > chopping it up into the classic navigator bar on the left, and the > contents in the big cell... > I want the table to fill the screen, so have set the height and width >attributes to 100%. If you describe more precisely what you would like to do maybe we can come up with a better solution. Why is it important to put everything into one big table? > I only need to support NS6 and above including Mozilla, and IE5 and > above.(thank heavens!) Just an idea: try to use layers instead of tables for positioning. It works nicely in all the mentioned browsers Hth, Tib -- To unsubscribe, e-mail: <mailto:[EMAIL PROTECTED]> For additional commands, e-mail: <mailto:[EMAIL PROTECTED]> -- To unsubscribe, e-mail: <mailto:[EMAIL PROTECTED]> For additional commands, e-mail: <mailto:[EMAIL PROTECTED]>
