BOX minimum height can be set to a minimum height, when its content less often, but also to maintain a certain height BOX, beyond the downward automatically, but so far, only Opera and Mozilla support, IE7 began to also support But IE7 in beta, so the official version posted to the popular may be a relatively long time, unless it is tied to a MS operating system, and how the existing basis (IE6 80-90%), rational, magical minimum height of it?
There are two assumptions BOX, we want its minimum height 150PX.
CSS
Example Source Code [www.hutshow.com]
div.box1, div.box2 {
width: 300px;
min-height: 150px;
background: # EEE;
float: left;
margin-right: 20px;
}
xhtml
Example Source Code [www.oneter.com]
<div> IE did not maintain a minimum height of 150px </ div>
<div> BOX minimum height can be set to a minimum height, when its content less often, but also to maintain a certain height BOX </ div>
Now the effect of, IE did not maintain a minimum height of 150px.
Solution
To set a high degree of IE
Example Source Code [www.hutshow.com]
* Html div.box1, * html div.box2 {height: 150px;}
wellstyled.com solution is to use CSS attribute selectors (Attribute Selectors)
Example Source Code [www.hutshow.com]
div.box1, div.box2 {…… height: 150px;}
/ * IE to rely on these to a minimum height, automatically extend downwards beyond * /
div [class]. box1, div [class]. box2 {height: auto;}
/ * A class selector (class) attributes the DIV object * /
IE is not supported by natural and friends, Opera and Mozilla support, read this height. To applications: search, articles, etc. pages (not 100% height to the content when the search when there are fewer, and will not the page is too short.
Related posts:
- the tenth day : adaptive height If we want the end of the 3 column layout...
- Commonly used methods and techniques CSS layout of the commonly used method float: none |...
- To achieve More div arranged Center To achieve More div arranged Center <?xml version=”1.0″ encoding=”iso-8859-1″?> <!DOCTYPE...
- Three rows and three column of highly adaptive DIV layout Three rows and three column of highly adaptive DIV layout...
- The eleventh day : the menu without table Build up the initial layout, I began to fill the...
Related posts brought to you by Yet Another Related Posts Plugin.
