My issues with it are that it's not very intuitive, and it's a lot of code (compared to the same layout using tables). On the other hand, it is fairly flexible and somewhat backwards compatible. All in all, however, I think CSS is a step backwards in this area. And despite what Eric Meyer thinks, I think these types of designs are fairly common.
Ben Rogers http://www.c4.net v.508.240.0051 f.508.240.0057 > -----Original Message----- > From: Greg Stewart [mailto:[EMAIL PROTECTED] > Sent: Thursday, December 16, 2004 12:32 PM > To: CF-Talk > Subject: Re: css - height 100% - i'd like to kill the crack-addicts who > wrote the w3c box model > > Hmm it may seem like a lot of trouble, but using Doug's technique you > can control the number of columns displayed and their order through > CSS, just by changing the body ID, one template many possible layouts, > I think it's worth the effort to look more closely at it. I use it all > the time by merging it with CFML and an XML property file (to control > widths on the fly). > > My 2 pennies. > > G > > > On Thu, 16 Dec 2004 10:42:22 -0500, Ben Rogers <[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... > > > > 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:187937 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
![http://mx/otp/test/_components/docs/_images/donations.gif"](http://mx/otp/test/_components/docs/_images/donations.gif"){kind=link}