Sunday 06th of July 2008 01:22:11 PM
MENU
#content #navi {
border-left:1px dotted #000;
border-bottom:1px dotted #000;
float:right;
width:250px;
background-color:#ff99cc;
margin:0px 0px 20px 20px;
}


instead make a small change to our styles:
BODY {background-image: url(yinyang.gif);background-repeat: repeat-y;}
As Figure 6-29 demonstrates, the image is simplyrepeated along the y-axis (that is, vertically) from its startingposition -- in this case, the top left corner of the browserwindow.
Figure 6-29. Tiling along the vertical axis
CONTENT
All templates are XHTML 1.0 and CSS2/ tableless.
MENU floating
layout grid with a floating menu on the left.
The menu is fixed in it's width. The height adjusts to the content.
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 {
border:1px solid #564b47;
background-color:#fff;
}