Sunday 26th of March 2017 04:51:46 PM


#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px;
padding: 0px;

This column inherited it'b background color from the body definition. The padding ist defined through the p element.


3 columns / menu fixed, content dynamic with head and footer.
3 column layout grid. The navigation column are fixed in width, the content column is dynamic and adjusts itself to the browser window.

This layout also works with an absolute height template 100% height
more nice and free css templates

html {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
#content {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
turned to your advantage. Since any styles you place in an external
style sheet must be brought in via either LINK or
@import, you can group all of the styles that will
cause Navigator problems and put them into a style sheet that you
then import. Since Navigator will refuse to import this style sheet,
it won't have to deal with styles it can't deal with.
This simple trick can save you a lot of headaches, but there is one
drawback: a very few early versions of Navigator 4.x could crash when
trying to process an @import statement. This was
quickly fixed, and very few of these versions are still in use.
border-right: 2px solid #564b47;
padding: 0px;
background-color: #ffffff;

in valid code we trust (*^_^*) miss monorom

It will be easier to show an example, and then explain it. Considerthe following, which is illustrated by Figure 6-49:

BODY {background-image: url(bg23.gif);background-repeat: repeat-y;background-position: center;}
Figure 6-49

Figure 6-49. Centering the origin image and repeating vertically

So there you have it: a stripe running through the center of thedocument. It may look wrong, but it isn't.

8.4.4. Inline Replaced Elements

Inline replaced elements, such as images, are subject to a few crucial differences in how inline formatting is handled. This difference stems from the fact that replaced elements are still assumed to have an intrinsic height and width; for example, an image will be a certain number of pixels high and wide.

However, a replaced element with an intrinsic height can cause a line

The example shown in Figure 6-49 is correct becausethe origin image has been placed in the center of theBODY element and then tiled along the y-axisin both directions-- in other words, both upand down. In a similar fashion, when the repeatdirection is horizontal, the background image is repeated to both theright and the left, as shown in Figure 6-50:

centers of the line boxes would have lined up, and if it were set to justify, then each line box would be forced to be as wide as the paragraph's content area. The difference is made up in letter- and word-spacing, as we see in Figure 8-49.

Figure 8-49

Figure 8-49. Line-box layout with full justification

That pretty well covers how line boxes are generated, at least in the simplest cases. As we're about to see, however, the inline formatting model is not exactly simple.