Tuesday 26th of September 2017 12:20:02 AM

left column

All templates are XHTML 1.0 and CSS2/ tableless.

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;
}


SPAN {border: 1px dashed black; padding: 4pt;}
Figure 8-58

Figure 8-58. Inline padding and line-box layout

Note that this padding does not alter the actual shape of the content-height, and so will not affect the height of the inline box for this element. Adding borders to an inline element will not affect the way line boxes are generated, as Figure 8-59 illustrates.

Figure 8-59

Figure 8-59. Large inline boxes can overlap many other lines

Example

padding-topIE4 P/P IE5 P/Y NN4 B/B Op3 Y/-

This property sets the size of the toppadding of an element, and this padding will "inherit"the element's background. Negative values are not permitted.

Example

text-alignIE4 Y/P IE5 Y/Y NN4 Y/P Op3 Y/-

This sets the horizontal alignment ofthe text in an element, or more precisely, defines to which side ofthe element the line-boxes are aligned. The valuejustify is supported by programmatically adjustingwidth. The result of this markup is exactly thesame as that shown in Figure 8-13:

P {margin-left: 100px; margin-right: 100px;} /* same as before */

WARNING

In practice, only browsers released in early 1999 or later correctlyhandle auto, and not even all of them get itright. Those that do not handle auto marginscorrectly will behave in inconsistent ways, but the safest bet is toassume that they will set both margins to zero. The browsers that do