content column
All templates are XHTML 1.0 and CSS2/ tableless.
2 columns / menu and content dynamic
2 column layout grid. The navigation column and content column are dynamic and adjust themselves to the browser window.
This layout also works with an absolute height TEMPLATE 100% height
more nice and free css templates
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
#content {
float: left;
width: 75%;
background-color: #fff;
margin:0px 0px 50px 0px;
overflow: auto;
}
7.5.3. Padding and Inline Elements
Thereis one major difference between margins and padding when it comes toinline elements. Let's turn things around and talk about leftand right padding first off. Here, if we set values for the left or
<color> | transparent
The background is the area of the content box and the padding and isalways behind the foreground of the element. Therefore, the declaredbackground color is applied to both the element's content boxand its padding, as illustrated in Figure 6-14:
P {background-color: gray;}
Figure 6-14. Background gray for paragraphs
If you wish the color to extend out a little bit from the text in theelement, then you need only add some padding to the mix, with the
background color when using a background image, so that your whitetext will at least be visible:
P.starry {background-image: url(http://www.site.web/pix/stars.gif);background-color: black; color: white;}<P CLASS="starry">It's the end of autumn, which means the stars will bebrighter than ever! Join us...
Besides, if you have the image do something other than fully tileacross the entire background of the document, then you'll needa color to cover the parts that the image doesn't. Speaking of
Figure 8-28. Scaling images with the height property
In almost all other ways, block-level replaced elements behave thesame as block-level elements when it comes to formatting: verticalmargins are collapsed while horizontal margins are not, and theborders and padding default to zero unless explicitly declaredotherwise. Remember, however, that not all replaced elements areimages. Most form elements are replaced, for example.
In general, all replaced elements (block-level or otherwise) can bescaled using height and width.
