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 {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
36pt, its content area is 12pthigh, and the content area is what will be surrounded with theborder.

This behavior can be altered by assigning padding to the inlineelement, which will push the borders away from the text itself (shownin Figure 8-58):

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

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

padding:0px 20px; margin:0px; } #content { border:1px solid #564b47; background-color:#fff; }

values, but this was fixed in Opera 3.6. The other browsers don't allow negative padding lengths.

7.5.1. Percentage Values and Padding

As stated earlier, it's possible to set percentage values for the padding of an element. Percentages are computed in relation to the width of the parent element, so they can something like that shown in Figure 9-11, where a dashed line has been added to illustrate the edges of the clipping region. This line would not actually appear in a user agent attempting to render the document.

Figure 9-11

Figure 9-11. Contracting the clipping region

The syntax of rect is an interesting case. Technically, it can be rect(top, right, the first few elements!

In addition, if the document is scrolled, the paragraph will scrollright along with it. This is because the element's containingblock is the BODY element's content area,not the viewport. If you want to position elements so thatthey're placed relative to the viewport and don't scrollalong with the rest of the document, then the next section is foryou.