what the heck is the difference between it and overflow:visible;? I always though it was supposed to stretch the div, but apparently not. I was using min-height to line stuff up even when the content is small, but ie does not support min-height, so I just assumed stretch the div with the content with overflow and use height. Only in ns/moz it doesnt stretch... what a stinker. Guess Ill have to think up a new alternative... wait I think I figured it out... nope nevermind. Trial and error. <!-- m --><a class="postlink" href="http://www.quasi-ke.servebeer.com/layout/index.aspx">http://www.quasi-ke.servebeer.com/layout/index.aspx</a><!-- m -->
well it works when the content is bigger then the div with min-height, and it works always on opera and mozilla... just not ie. Maybe a hack is in order hear unless someone else has an idea. I might just crack our the ownes hack and use height for ie only because that worked like a charm.inherit means it will take on the same value as it's parent: <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/cascade.html#value-def-inheritdiv.contentshell">http://www.w3.org/TR/REC-CSS2/cascade.h ... ntentshell</a><!-- m --> { /* ie can see me */
position:relative;
width:auto;
min-width:120px;
margin-left:163px;
margin-top:70px;
height:380px;
overflow:inherit;
right:10px;
margin-bottom:0px;
border:1px solid #3399ff;
border-top-width:0px;
background-color:white;
}
head:first-child+body div.contentshell { /* ie cant see me, owens hack */
position:relative;
width:auto;
min-width:120px;
margin-left:163px;
height:0%;
margin-top:70px;
min-height:348px;
right:10px;
margin-bottom:0px;
border:1px solid #3399ff;
border-top-width:0px;
background-color:white;
}
I am just so cleaver , I needed to put in a new value for height right, because it has to change an attribute value, cos the attribute doesnt go away. So I though gee, what stretches? A %!, so I plugged in 0% so as not to change the height above the min-height I set or the content. Go me...
well it works when the content is bigger then the div with min-height, and it works always on opera and mozilla... just not ie. Maybe a hack is in order hear unless someone else has an idea. I might just crack our the ownes hack and use height for ie only because that worked like a charm.inherit means it will take on the same value as it's parent: <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/cascade.html#value-def-inheritdiv.contentshell">http://www.w3.org/TR/REC-CSS2/cascade.h ... ntentshell</a><!-- m --> { /* ie can see me */
position:relative;
width:auto;
min-width:120px;
margin-left:163px;
margin-top:70px;
height:380px;
overflow:inherit;
right:10px;
margin-bottom:0px;
border:1px solid #3399ff;
border-top-width:0px;
background-color:white;
}
head:first-child+body div.contentshell { /* ie cant see me, owens hack */
position:relative;
width:auto;
min-width:120px;
margin-left:163px;
height:0%;
margin-top:70px;
min-height:348px;
right:10px;
margin-bottom:0px;
border:1px solid #3399ff;
border-top-width:0px;
background-color:white;
}
I am just so cleaver , I needed to put in a new value for height right, because it has to change an attribute value, cos the attribute doesnt go away. So I though gee, what stretches? A %!, so I plugged in 0% so as not to change the height above the min-height I set or the content. Go me...