Sunday 19th of November 2017 04:41:13 PM


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; In the middle

Then there is vertical-align: middle. This value is usually applied to images, since it causes the vertical midpoint of the element to be aligned with the "middle" of the line. The middle of the line is defined to be the point which 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; }

rgb(100%,80%,0%). It has the effect of setting thecolor of the text in the element, as shown in Figure 6-1:

<P STYLE="color: gray;">This paragraph has a gray foreground.</P><P>This paragraph has the default foreground.</P>
Figure 6-1

Figure 6-1. Declared color versus default color


In Figure 6-1, the default foreground color isblack. That doesn't have to be the case, since users might haveset their browsers (or other user agents) to use different foreground visible.

If the overflow is set to hidden, the element's content is clipped, but no mechanism should be provided to make the content accessible to the user. Consider the following styles:

DIV#sidebar {position: absolute; top: 0; left: 0; width: 15%; height: 7em;
overflow: hidden;}

In such an instance, the clipped content would not be accessible toit's fairly easy to slant a font using a simple computation.

Furthermore, you may find that in some operating systems, a given font that has been declared to be italic may switch from being italic to oblique depending on the actual size of the font. The display of Times on a Macintosh, for example, is as 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

H1s, lists, and list elements -- behave in interesting ways, sometimes predictable, sometimes surprising. There are differences in the handling of element placement along the horizontal and vertical axes, for example. In order to fully understand how block-level elements are handled, you must clearly understand a number of boundaries and areas. They are shown in detail in
Figure 8-2.

Figure 8-2

Figure 8-2. The complete box model

In general, the width of an element is defined to