Hi -
I know height attribute doesn't work for maximum height settings - e.g., 100% - but is there a way to code a <DIV> so that a minimum height is set?
I want a <div> to be "x" amount high in the template, even if content doesn't fill it out, but also want it to be able to expand if content exceeds the prescribed height.
Thanks,
KDLA1. divs automatik expand hite as needed tu hold wotever yu put in em, provided yu DONT spesifi NE-thang.
2. yu limit size bi <div style="width:700px;height:50px"> (sampel av 1 wae)
Its size shood stae fixed at this size...it wont expand. But sum deeaels vary depending on the browser.min-height (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/pr_dim_min-height.asp">http://www.w3schools.com/css/pr_dim_min-height.asp</a><!-- m -->) property, and for IE:
<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->
or
<!-- m --><a class="postlink" href="http://www.doxdesk.com/software/js/minmax.htmlThanks">http://www.doxdesk.com/software/js/minmax.htmlThanks</a><!-- m -->, Fang - exactly what I needed.
Muchas gracias y buena suerte!
KDLADon't use javascript! What about people that have it switched off? If the <div> id was bokeh then do this:
#bokeh {
min-height: 100%;
}
/* Add this below it for IE */
* html #bokeh {
height: 100%;
}
Note the <div> will only expand to the size of the parent element so make sure each parent element also has a height.Thanks, bokeh! I'll give it a try.
KDLASpecify what to do with the overflow and then the browser will pay attention yo your height settings.Isn't the overflow something at the back of a wash basin?
I know height attribute doesn't work for maximum height settings - e.g., 100% - but is there a way to code a <DIV> so that a minimum height is set?
I want a <div> to be "x" amount high in the template, even if content doesn't fill it out, but also want it to be able to expand if content exceeds the prescribed height.
Thanks,
KDLA1. divs automatik expand hite as needed tu hold wotever yu put in em, provided yu DONT spesifi NE-thang.
2. yu limit size bi <div style="width:700px;height:50px"> (sampel av 1 wae)
Its size shood stae fixed at this size...it wont expand. But sum deeaels vary depending on the browser.min-height (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/pr_dim_min-height.asp">http://www.w3schools.com/css/pr_dim_min-height.asp</a><!-- m -->) property, and for IE:
<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->
or
<!-- m --><a class="postlink" href="http://www.doxdesk.com/software/js/minmax.htmlThanks">http://www.doxdesk.com/software/js/minmax.htmlThanks</a><!-- m -->, Fang - exactly what I needed.
Muchas gracias y buena suerte!
KDLADon't use javascript! What about people that have it switched off? If the <div> id was bokeh then do this:
#bokeh {
min-height: 100%;
}
/* Add this below it for IE */
* html #bokeh {
height: 100%;
}
Note the <div> will only expand to the size of the parent element so make sure each parent element also has a height.Thanks, bokeh! I'll give it a try.
KDLASpecify what to do with the overflow and then the browser will pay attention yo your height settings.Isn't the overflow something at the back of a wash basin?