Sandy, Have you seen this blog?
http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx It looks like things are going to get messy now that IE7 isn't going to treat the hacks the same way as previous IE's I guess some would call it job security :) On 11/9/05, Sandy Clark <[EMAIL PROTECTED]> wrote: > Came into this late. The reason that it works is that IE doesn't support > min-height, but treats height: = min-height. > > So for certain situations > > height:100% /* for FF */ > _height: 487px /* works for IE6 only, FF ignores */ > min-height:487px /* works in FF */ > > Might do the trick > > Sandy Clark > > Teaching a 4 day hands on CSS Class - Tues 11/29 - Fri 12/2 in Rockville MD > http://www.teratech.com/training/oc_classes.cfm#CS201H for more information > > -----Original Message----- > From: William Bowen [mailto:[EMAIL PROTECTED] > Sent: Wednesday, November 09, 2005 5:33 PM > To: CF-Community > Subject: Re: CSS question > > Does the trick for longer pages, but for shorter the footer overlaps and the > image in the background repeats to the bottom of the screen... > > http://www.users.areva-td.com/dlf/screen_ff2.jpg > :-( > > BUT!!! > by eliminating the height:100% I get this in FF: > > http://www.users.areva-td.com/dlf/screen_ff3.jpg > > and it works in IE!!! even without the conditional! > > w00t! > > Thank you!!! > > > Not tested, but in your css use this: > > #container > > { > > position:absolute; > > left:0; /*50%*/ > > margin-left:0; > > width:780px; > > height:100%; > > min-height:480px > > background: transparent > > url(/images/areva_hp/homeleftnav_bg.gif) repeat-y; } > > > > Then in the template, use this conditional. > > > > <!--[if IE]> > > <style> > > #container { > > height:480px > > } > > </style> > > <![endif]--> > > > > On 11/9/05, William Bowen <[EMAIL PROTECTED]> wrote: > > > the CSS in question: > > > > > > #container > > > { > > > position:absolute; > > > left:0; /*50%*/ > > > margin-left:0; > > > width:780px; > > > height:480px; > > > background: transparent > > > url(/images/areva_hp/homeleftnav_bg.gif) repeat-y; } > > > > > > > > > Does what I want in IE: > > > > > > http://www.users.areva-td.com/dlf/screen_ie.jpg > > > > > > But doesn't in FF: > > > > > > http://www.users.areva-td.com/dlf/screen_ie.jpg > > > > > > the page height varies but has a minimum height of 480px. > > > > > > Thoughts anyone? > > > > > -- > will > > > "If my life weren't funny, it would just be true; and that would just be > unacceptable." > - Carrie Fisher > > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| All-in-one: antivirus, antispam, firewall for your PC and PDA. Buy Trend Micro PC-cillin Internet Security http://www.houseoffusion.com/banners/view.cfm?bannerid=60 Message: http://www.houseoffusion.com/lists.cfm/link=i:5:181059 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
