 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / March 2006minimum height
I have some divs (float: left) that I'd like to set a minimum height on. What's the level of support on min-height and are there any bugs I need to watch out for. I've never used this, and I have some memory of there being a problem with it somewhere. Jeff > I have some divs (float: left) that I'd like to set a minimum height > on. What's the level of support on min-height and are there any bugs I [quoted text clipped - 4 lines] > > Jeff Either firefox or internet explorer (I thinkt the latter) does not support it. I would add an image (or a div within the div) with width 1px and height your min-height. > Nicolaas > I have some divs (float: left) that I'd like to set a minimum height >on. What's the level of support on min-height and are there any bugs I >need to watch out for. IE doesn't support it, but it treats "height" as min-height, so a cross browser min-height solution is: .YourClass{min-height:10em;height:10em} *>.YourClass{height:auto}  SignatureSpartanicus Glad to see you are still hanging out here. >> I have some divs (float: left) that I'd like to set a minimum height >>on. What's the level of support on min-height and are there any bugs I [quoted text clipped - 5 lines] > .YourClass{min-height:10em;height:10em} > *>.YourClass{height:auto} *> that is something I haven't used either. I don't even know what to call it! Let me know so I can google it. Cheers, Jeff >> .YourClass{min-height:10em;height:10em} >> *>.YourClass{height:auto} > > *> that is something I haven't used either. I don't even know what to > call it! Let me know so I can google it. "*" is the universal selector; it applies to all objects. ">" is the child selector. Put together it means "for a child of any object" apply this style. It is not supported by IE6 and earlier so is ignored. IE also ignores min-height:10em leaving a net style of height:10em, which it incorrectly treats as min-height. Modern browsers recognize " * > " and apply the style overriding the height:10em previously specified. (Isn't this fun? Yee haw!) Signaturejmm (hyphen) list (at) sohnen-moe (dot) com (Remove .AXSPAMGN for email) > "*" is the universal selector; it applies to all objects. It matches any *element*. SignatureSpartanicus > "*" is the universal selector; it applies to all objects. > ">" is the child selector. > Put together it means "for a child of any object" apply this style. Wouldn't that pretty much mean every object, except the <body>? >> "*" is the universal selector; it applies to all objects. >> ">" is the child selector. >> Put together it means "for a child of any object" apply this style. > > Wouldn't that pretty much mean every object, except the <body>? Every element except <html>. I suppose the OP could be more specific about which element and child to constrain the height property rather than use "*". Signaturejmm (hyphen) list (at) sohnen-moe (dot) com (Remove .AXSPAMGN for email) >>> "*" is the universal selector; it applies to all objects. >>> ">" is the child selector. [quoted text clipped - 3 lines] > > Every element except <html>. Makes it seem rather pointless... >>>> "*" is the universal selector; it applies to all objects. >>>> ">" is the child selector. [quoted text clipped - 5 lines] > > Makes it seem rather pointless... no, it makes a non-ie filter a way to hide valid styles from IE where it will mis-represent them. SignatureBye. Jasen >>>>> "*" is the universal selector; it applies to all objects. >>>>> ">" is the child selector. [quoted text clipped - 8 lines] > no, it makes a non-ie filter a way to hide valid styles from IE where it will > mis-represent them. AH - ok. I try REALLY hard to avoid such things (using hacks that hide styles from specific browsers), so I don't recognize them so readily. But now you mention it, I do remember seeing that a couple times. >>> "*" is the universal selector; it applies to all objects. >>> ">" is the child selector. [quoted text clipped - 5 lines] > I suppose the OP could be more specific about which element and child to >constrain the height property rather than use "*". Hold on, the example I provided uses a class as well. I used "*" since that would allow the OP to use the code example by only changing the class name. Using "*" also means that the CSS code will survive a change in the markup (bar a class name change). SignatureSpartanicus >>>> "*" is the universal selector; it applies to all objects. >>>> ">" is the child selector. [quoted text clipped - 4 lines] > class name. Using "*" also means that the CSS code will survive a change > in the markup (bar a class name change). Ah! So it is better phrased as "an element that is a child of any element and uses .YourClass"? Signaturejmm (hyphen) list (at) sohnen-moe (dot) com (Remove .AXSPAMGN for email) >>>>> "*" is the universal selector; it applies to all objects. >>>>> ">" is the child selector. [quoted text clipped - 7 lines] > Ah! So it is better phrased as "an element that is a child of any > element and uses .YourClass"? In an off hand way, that makes perfect sense. Thanks to all. I use descendants quite a bit. #some_container p{... Am I correct in assuming that the child selector works the same way, except that it must be a "first order descendant"? #some_container > p{... <div id="some_container"> <p>styled</p> <p>also styled</p> <div><p>not styled by that child selector</p></div> ... Cheers, Jeff >> "*" is the universal selector; it applies to all objects. >> ">" is the child selector. >> Put together it means "for a child of any object" apply this style. > > Wouldn't that pretty much mean every object, except the <body>? <body> is a child of <html>. Bye. Jasen >> .YourClass{min-height:10em;height:10em} >> *>.YourClass{height:auto} > *> that is something I haven't used either. I don't even know what to > call it! Let me know so I can google it. > is the child selector which IE doesn't support * is a wildcard. SignatureBye. Jasen |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.