dynamic heights

harpua · July 26th, 2005, 12:42 PM

I think I've hurt my brain trying to figure this out. How can I get my content box to strech with the rest of the page. I can get it to work in apple safari, windows explorer, then it does not work on apple explorer.

min-height is ignored in explorer and height stops at the set size in safari with the text overflowing, but is also ignored in apple explorer, as you all probably already know, so how do you handle this, without using tables and set heights?

______my content wrapper. I've used the * trick
* html div.contentHldr
{
    width: 800px;
    background-color: #E3EADA;
    margin: auto;
}

div.contentHldr
{
    width: 800px;
    min-height: 325px;
    background-color: #E3EADA;
    margin: auto;
}

_____left side
#leftFrame
{
    width: 150px;
    float: left;
    height: 324px;
    border-top: 1px #FFFFFF solid;
    background-color: #E3EADA;
}

_____right side

#rightFrame
{
    min-height:325px;
    height: 325px;
    margin-left: 150px;
    padding: 0 45px;
    background-color: #FFFFFF;
}

http://www.eclecticpixel.com/sites/r...d.php?author=3
http://www.eclecticpixel.com/sites/r...d.php?author=2

Thanks in advance
Mike

Peace
Mike
http://www.eclecticpixel.com
http://www.homegrownmusicjam.com

richard.york · July 28th, 2005, 08:12 PM

You'll need to give Explorer Windows the height: 325px; via a conditional comment. Explorer Mac ought to be OK once you take out that fixed height.

Code:

<!--[if lt IE 8]>
    <style type='text/css'>
          #rightFrame
          {
               height:325px;
          }
    </style>
<![endif]-->

You can read more about conditional comments here:
http://msdn.microsoft.com/workshop/a...omment_ovw.asp

Explorer Mac doesn't support conditional comments, only Explorer Windows. That lets standards browsers that interpret height properly be free of Explorer's proprietary behavior. Explorer Mac is much more standards compliant than Explorer Windows. You see in the comment that I've selected Explorers less than version 8. I've been trying out the IE7 beta, and it doesn't appear to have *any* improvements to CSS so far (beyond two bug fixes). Microsoft has said that may change before the next beta. So which version of Explorer to put in those conditional comments is really in limbo right now.

Are these your comments?
"______my content wrapper. I've used the * trick"

These should be in proper syntax like this:
/* my content wrapper. I've used the * trick */

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design