I had a similar problem with height not working when specified at
100%.  Turned out being the dtd definition.  If you specify a dtd,
without the height attribute, it won't work.  Try simply excluding the
dtd definition in your doctype def:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Not:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>

HTH
-Ryan


On Thu, 16 Dec 2004 00:26:33 -0500, S. Isaac Dealey <[EMAIL PROTECTED]> wrote:
> so after all this time, there's still no standard that allows an
> adequate means of specifying something as simple as height 100% ...
> because according to the w3c, 100% of the height of an airplane
> discludes its canopy and landing gear and 100% of its length discludes
> its propeller and tail-fins...
> 
> Before you say it -- yes, I've assigned margin: 0; padding: 0; height:
> 100% on both the html and the body elements in the style sheet...
> 
> And in this code there is no way to make the content of the 3rd table
> row display without specifying a height for the row -- there is also
> no way to tell the browser that the row should be 100% of the
> _remaining_ height of the table after accounting for the space taken
> by the other 3 rows (above and below). So my choices are 80% (so the
> bottom of the table may or may not match the bottom of the window) or
> a fixed height (so the bottom of the table definately doesn't match
> the bottom of the dinwo most of the time). Any attempt to set the
> height of the 3rd row to 100% results in the table exceeding the
> height of the browser window.
> 
> And why use tables at all you ask? Because there's no way to specify
> the iframes float left and right and fill 100% of the width of the
> window without one of them being shoved down underneath the other if
> the browser window is shrunk horizontally.
> 
> Oh well... frameset it is I guess... Doesn't make me any happier with
> the box model.
> 
> <div style="height:100%; padding-bottom: 100px;">
> <table border="1" cellpadding="0" cellspacing="3" style="width:100%;
> height:100%;">
>         <tr style="height:40px;"><td id="doc_title" colspan="2"
> style="height:40px;">onTap Framework</td></tr>
>         <tr style="height:20px;"><td id="doc_ladder" colspan="2"
> style="height:20px;">Home</td></tr>
>         <tr>
>                 <td colspan="2" style="height:80%;">
>                         <div style="height:100%;">
>                                 <table border="0" cellpadding="0" 
> cellspacing="0"
> style="height:100%; width: 100%;">
>                                         <tr>
>                                                 <td style="padding: 2px;">
>                                                         <iframe 
> name="nav_frame_menu" frameborder="1" height="100%"
> width="250"></iframe>
>                                                 </td>
>                                                 <td style="padding: 2px; 
> width:100%;">
>                                                         <iframe 
> name="nav_frame_content" frameborder="1" height="100%"
> width="100%"></iframe>
>                                                 </td>
>                                         </tr>
>                                 </table>
>                         </div>
>                 </td>
>         </tr>
>         <tr style="height:60px;"><td colspan="2" valign="top"
> style="height:60px;">
>                 <form name="paypal_donation_form"
>                 action="https://www.paypal.com/cgi-bin/webscr"; method="post"
> style="margin: 0px;">
>                         <input type="hidden" name="cmd" value="_xclick" />
>                         <input type="hidden" name="business" value="[EMAIL 
> PROTECTED]" />
>                         <input type="hidden" name="item_name" value="onTap 
> Framework" />
>                         <input type="hidden" name="item_number" 
> value="ontapframework" />
>                         <input type="hidden" name="no_note" value="1" />
>                         <input type="hidden" name="currency_code" value="USD" 
> />
>                         <input type="hidden" name="tax" value="0" />
> 
>                         <input name="submit"
>                                 type="image" border="0" style="border:0px;
> background-color:transparent; float: left;"
>                                 alt="Make a donation."
> src="http://mx/otp/test/_components/docs/_images/donations.gif"; />
>                 </form>
> 
>                 <A target="_blank"
>                 
> href="http://affiliates.macromedia.com/b.asp?id=2549&p=go/dr_home_af
> f1">
>                 <img align="right" border="0" style="float: right;"
>                 
> src="http://affiliates.macromedia.com/showb.asp?id=2549&img=mx2004_4
> 68x60_b.gif" /></a>
>         </td></tr>
> </table></div>
> 
> s. isaac dealey     954.927.5117
> new epoch : isn't it time for a change?
> 
> add features without fixtures with
> the onTap open source framework
> 
> http://www.sys-con.com/story/?storyid=44477&DE=1
> http://www.sys-con.com/story/?storyid=45569&DE=1
> http://www.fusiontap.com
> 
> 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Special thanks to the CF Community Suite Gold Sponsor - CFHosting.net
http://www.cfhosting.net

Message: http://www.houseoffusion.com/lists.cfm/link=i:4:188475
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to