Tuesday 09th of February 2010 03:18:08 AM

left column

All templates are XHTML 1.0 and CSS2/ tableless.

set to a value of auto, while the others are given specific values, then the property set to be auto will evaluate to whatever length is required to make the element box's width equal the parent element's width. Thus, if the sum of the seven properties must equal 400 pixels, and no padding or borders are set, and the right margin and width are set to 100px while the left margin is set to auto, then the left margin will be 200 pixels wide:

2 columns / menu and content dynamic
2 column layout grid. Both columns are dynamic and adjust themselves procentually to the browser window.


more nice and free css templates


body {
background-color: #8b4513;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
}
#content {
float:left;
width:70%;
background:#fff;
border-right:2px solid #996666;
border-bottom:2px solid #996666;
margin-right:15px;
padding-bottom:20px;
}


sometimes called shorthand hexnotation.

One thing to watch out for is that with the hexadecimal methods,unlike the numeric methods, there are no defined clipping methods forthe hex-pair systems. If you enter an invalid value, thebrowser's response could be unpredictable. A well-writtenbrowser will perform clipping so that out-of-range values are assumedto be whichever limit they exceed, but you can't necessarilycount on this. As an example, Netscape Navigator 4.x will not ignoreBODY and the fifth paragraph in a document wouldlead to a situation similar to that shown in Figure 9-20:

BODY {position: relative;}<P STYLE="position: absolute; top: 0; right: 25%; left: 25%; bottom: auto;width: 50%; height: auto; background: silver;">...</P>
Figure 9-20

Figure 9-20. An absolutely positioned paragraph

The paragraph is now positioned at the very beginning of thedocument, half as wide as the document's width and overwritingthe first few elements!