> 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...

Tell me about it. There are several aspects of CSS that just make you
scratch your head and wonder what the heck they were thinking. As an
example, look at the trouble one has to go through to create a fluid, two
column layout where the columns are of the same height (from Eric Meyer's
blog):

  http://www.meyerweb.com/eric/thoughts/2004/09/03/sliding-faux-columns/

Original source:

  http://www.stopdesign.com/log/2004/09/03/liquid-bleach.html

Ben Rogers
http://www.c4.net
v.508.240.0051
f.508.240.0057

> 
> 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 Silver Sponsor - RUWebby
http://www.ruwebby.com

Message: http://www.houseoffusion.com/lists.cfm/link=i:4:187890
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=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to