Monday 29th of May 2017 05:01:58 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;
}

Now, let's get into the many strange things abouttext-decoration. First off is the fact thattext-decoration is notinherited. This implies a requirement that any decoration lines drawnwith the text -- either under, over, or through it -- should bethe same color as the parent element. This is the case even if thechild elements are different colors, as depicted in Figure 4-59:

P {text-decoration: underline; color: black;}B {color: gray;}
any light on this subject.

Ultimately, if you use negative margins, you may not get the same results from all browsers. Since no one can clearly say which is right, none of them can really be considered to be buggy -- at least, not until the specification is sufficiently clarified.

8.2.3. List Items

goes -- but what happens if the containing block is only 50 pixelstall by 200 pixels wide? That gives you an element only 35 pixelswide by 80 pixels tall. That doesn't leave much room to showthe content, but if you use auto for the width orheight, the element might fill its entire containing block, obscuringthe containing block's contents.

As we'll see later in the chapter, you have the option to forceyour content to overflow the element. For now, however, let'sconcentrate on ways to deal with its width and height. You could tryH3 {color: rgb(255,255,255);} /* white */ P.one {color: rgb(300,2500,101);} /* white */ P.two {color: rgb(-10,-450,-2);} /* black */

If you prefer percentages, you can use them, and it's actually easy to convert between percentages and straight numbers. If you know the percentages for each of the RGB levels you want, then you need only apply them to the number 255 to get the resulting values. Let's say you have a color of 25% red, 37.5% green, and 60% blue. Multiplying each of those percentages by 255, we get 63.75, 95.625, and 153. We need to round those off to border-width (discussed in the next section). However, the specification doesn't say whether one of the lines should be thicker than the other, or if they should be the same width, or if the space should be thicker or thinner than the lines. All of these things are left up to the user agent to decide.

All of the borders shown in Figure 7-30 are based on a color of gray, which makes all of the effects easier to see. The look of a border style is always based in some way