Sunday 06th of July 2008 01:23:07 PM

center

This BOX ist centered and adjusts itself to the browser window.
The height ajusts itself to the content.
more nice and free css templates

body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#564b47;
margin: 20px 140px  20px 140px;
text-align: center;
}
#content {
width: 100%;
padding: 0px;
text-align: left;
background-color: #fff;
overflow: auto;
}

be placed inside any other element, rather likeTITLE or STYLE. This will causethe web browser to locate and load the style sheet and use whateverstyles it contains to render the HTML document, in the manner shownin Figure 1-2.

And what is the format of an external style sheet? It's simplya list of rules, just like those we saw in the previous section andin the example above, but in this case, the rules are saved intotheir own file. Just remember that no HTML or any other markup

positioned with respect to the viewing area, not the element thatcontains it. However, the background will only be visible within itscontaining element. This leads to a rather interesting consequence.

Let's say we have a document with a tiled background thatactually looks like it's tiled and an H1element with the same pattern, only in a different color. Both theBODY and H1 elements are set tohave fixed backgrounds, resulting in somethinglike Figure 6-57:available, it is not assigned to500.

A user agent has to do even more work if there are less than nineweights in a given font family. In this case, it has to fill in thegaps in a predetermined way: