Saturday 04th of February 2012 06:52:36 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;
}

A paragraph.</P></DIV><P>The next paragraph.</P>
Figure 8-23

Figure 8-23. The effects of a negative bottom margin

What's really happening in Figure 8-23 is thatthe elements following the DIV are placedaccording to the location of the bottom of the

A:link {color: white; background-color: transparent;}

If you left out the background color, then your white foreground would combine with the user's white background to yield totally unreadable links.

6.1.2.1. Real-world issues

That's pretty much all there is to setting a background color. Well, except for one more small warning: Navigator 4 gets the placement ofThere will, therefore, be half as much padding on this paragraph as that on the first paragraph.</P>

Figure 7-59

Figure 7-59. Padding, percentages, and the widths of parent

We've seen this before, of course -- in Section 7.3, "Margins", in case you don't remember -- but it's worth reviewing again, just to see how it operates.

7.5.2. Single-Side Padding

You guessed it: there are properties that let you set the shown in Figure 5-27, and the only difference there is a single point in size.

Figure 5-27

Figure 5-27. Same font, same style, different sizes

There isn't much that can be done about this, unfortunately, save better font handling by operating systems. Usually, the italic and oblique fonts look exactly the same in web browsers.

Still, font-style can be useful. For example, it is a common typographic convention that a block quote should beThere are also a lot of FONT tags and a few tablesimbedded within the main table that determines the page'slayout. The skeleton of the page is expressed as a table, with aborder and cell padding added to make the structure more clear:

This has the appearance shown in Figure 11-2.Obviously, there is a lot more in the cells than what's listedabove. The actual content was replaced by labels for the sake ofbrevity and clarity.