Monday 06th of October 2008 02:47:51 PM

center a FIXED BOX

This BOX has a fixed width.
It is centered and adjusts to the browser window.
The height adjusts to the content.
more nice and free css templates

body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
padding:20px;
margin:0px;
text-align: center;
}
#inhalt {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 550px;
background-color: #ffffff;
regular <SPAN> regular <STRONG> bold <B> bold<STRONG> bold </STRONG></B></STRONG></SPAN>.</P>
Figure 5-15

Figure 5-15. Visual weight, with descriptors

5.2.3. Lightening Weights

As border: 1px dashed #564b47; }

It's also possible to set the top and bottom margins of ablock-level element to be auto. If either of theseproperties is set to auto, it is reset to0 (zero), effectively removing any top or bottommargin from the element box, as shown in Figure 8-5. The lack of any space between the borders ofeach paragraph is a result of auto beingreinterpreted as zero:

P {margin-top: auto; margin-bottom: auto;}