Friday 03rd of July 2009 05:59:54 AM
MENU left
Menu with fixed width.
#left {
width:175px;
padding:0px;
float:left;
}
CONTENT
All templates are XHTML 1.0 and CSS2/ tableless.
3 columns layout grid. All colums are fixed and centered.
more nice and free css templates
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}
#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}
#content {
width:400px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}
#head {
background-color:transparent;
}
MENU right
#right {
width:175px;
padding:0px;
float:left;
}


You can include a BASEFONT tag at the start of your BODY section tospecify the font SIZE, and, for some browsers, font FACE and font COLORpulled up far enough to overlap the end of the previous paragraph,
but has also pulled the following paragraph up to overlap its last
line.
Figure 7-19. Negative margin
Negative percentages are also permitted. These will behave like any
negative length value, with the obvious difference that the amount of
negativity will depend on the width of the parent element. Thus:
P {margin: -10%;} property to tie them all together. These properties are used to
affect the type of bullet used in a list, to replace the bullet with
an image, and to affect where the bullet or image appears in relation
to the text of the list item.
Just in case you're unfamiliar with the concept of a
"bullet," it's the little decoration to the side of
a list item, as depicted in Figure 7-79.
Figure 7-79. Bulletscircumvent this problem, although two possible approaches are
detailed in Chapter 11, "CSS in Action".
Figure 7-27. Overlapping text in Explorer
It gets worse, unfortunately. If you apply margins to inline
elements, as was discussed previously, you'll get results from
Navigator 4.x like those shown in Figure 7-28.
Figure 7-28. Margins, inline elements, and Navigator 4.x
The style used to generate Figure 7-28 was as
Figure 7-51. Borders on inline elements
The borders have to go somewhere. This is where they went.
Again, all of this is only true for the top and bottom sides of
inline elements; the left and right sides are a different story.
We'll start by considering the simple case of a small inline
element within a single line, as depicted in Figure 7-52.
Figure 7-52. An inline element
Here, if we set values for the left or right border, not only will |