Friday 23rd of June 2017 05:23:54 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;
}


top: 0; bottom: auto; left: auto; right: 0; width: auto; height: 10em;

Here the element will be 10 ems tall no matter what, but its widthcan vary to exactly fit the content. This is sometimes called"shrink-wrapping" thecontent, since it mimics the act of applying shrink-wrap to a box orother product. In the same way the plastic shrink-wrap precisely hugsthe contents of the package, so too does a positionedelement -- given the right styles, of course.

If bottom is set to an actual

P {margin: 5px; border-width: 20px;}

Since the default value of border-style is none, failure to declare a style is exactly the same as declaring border-style: none. Therefore, if you want a border to appear, you need to pick a style and declare it.

example:

LI {margin-top: 10px; margin-bottom: 20px;}

Padding and borders, where they exist, are never collapsed. If neither is declared, then both will default to 0 (zero). This assumes that no style is set for the border. If a border style is set, then the value of border-width defaults to medium , not zero. The exact width of medium will depend on the user agent's programming, but a common value is 2 or 3 pixels.

P {padding: 10%; background-color: silver;}<DIV STYLE="width: 200px;"><P>This paragraph is contained within a DIV which has a width of 200 pixels,so its padding will be 10% of the width of the paragraph's parent element.Given the declared width of 200 pixels, the padding will be 20 pixels onall sides.</P></DIV><DIV STYLE="width: 100px;"><P>This paragraph is contained within a DIV with a width of 100 pixels,so its padding will still be 10% of the width of the paragraph's parent.lists the entire directory's contents.  You should name the top-levelpage of your website "index.html" to prevent this.  Then youcan refer to your website with a nice compact URL like "http://www.taxidermy.org/~mad_dog/"
 The University of Delaware<A HREF="http://www.udel.edu/FREC/spatlab/">
Spatial Analysis Lab</A>, is a proud sponsor of thiswebsite.
  The animated GIF image is also a link.  By