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;
padding:0px 20px;

<H1>Biggest Headline</H1>

Controlling line breaks, alignment and indents

The &nbsp; character is a non-breaking space that can be used to insure line breaks don't occur between certain pairs of words in a title. 

To maintain strict control of line breaks, enclose your content in a <NOBR></NOBR> tag and then insert <BR> tags to specify exactly where you do want the line breaks to occur.  You can also include <WBR> } #content { border:1px solid #564b47; background-color:#fff; }

6.2.2. Repeats with Direction

Thus far, all we've ever been able to doin document design is repeat background images in both the horizontaland vertical directions. If we wanted some kind of"sidebar" background, it was necessary to create a veryshort, but incredibly wide, image to place in the background; afavorite size for these images is 10 pixels tall by 2,500 pixelswide. Most of that image is blank space, of course. Only the left 100 Word spacing

The word-spacing property will accept a length that is either positive or negative. This value is added to the usual space between words, which perhaps isn't quite what you might expect. In effect, word-spacing is used as a understand a number of boundaries and areas. They are shown in detailin Figure 8-2.

Figure 8-2

Figure 8-2. The complete box model

In general, the width of an element is defined tobe the distance from the left inner edge to the right inner edge, andthe height is the distance from the inner top tothe inner bottom. These are both, not coincidentally, properties thatcan be applied to an element.

The problem with this solution arises when the document is viewed in Internet Explorer, which will display what's shown in Figure 7-27. The overlapping text is not a mistake on Explorer's part -- it's doing exactly as you specified. Basically, there isn't an easy way to circumvent this problem, although two possible approaches are detailed in Chapter 11, "CSS in Action".

Figure 7-27

Figure 7-27. Overlapping text in Explorer

It gets worse, unfortunately. If you apply margins to inline


In practice, browsers come with pre-assigned styles for many elements, and margins are no exception. For example, in CSS-enabled browsers, the "blank line" above and below each paragraph element is generated using margins. Therefore, if you don't declare margins for the P element, the browser may apply some margins on its own -- which is to say that just because you don't declare margins for an element doesn't mean that there won't be any.