Thursday 11th of March 2010 09:11:07 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;
of the line. The middle of the line is defined to be the point whichis one-half ex above the baseline, where the valueof ex is derived from thefont-size of the parent element. An example isshown in Figure 4-37:

IMG {vertical-align: middle;}
Figure 4-37

Figure 4-37. Middle alignment

In practice, since most user agents treat 1ex asone-half em, middle will cause the vertical 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; }



directions in this way:

Again, this probably seems a bit easier to type. So why go to all theeffort of using the longer notation of attribute selectors? Thereason to use attribute selectors is that the.class and #ID selectors applyonly to HTML documents, or to any other document that uses a languagethat includes the concepts of class and ID. Other languages, such asthose based on XML, might not honor these conventions, in which caseyou'll need to use the attribute selectors instead.