struts-user mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Andrew Hill" <andrew.david.h...@gridnode.com>
Subject RE: [OT][HTML] Table height in the absence of a height attribute
Date Sat, 14 Dec 2002 15:23:13 GMT
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>&nbsp;
                </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();">&nbsp;<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:andrew.david.hill@gridnode.com]
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:gemes@regens.hu]
Sent: Saturday, December 14, 2002 22:08
To: andrew.david.hill@gridnode.com
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:struts-user-unsubscribe@jakarta.apache.org>
For additional commands, e-mail: <mailto:struts-user-help@jakarta.apache.org>


Mime
View raw message