7.4.2.1. No border at all
So far, we've only talkedabout what happens when you're using a visible border stylesuch as solid or outset. Thingsstart to get interesting, though, when the border style is set to benone:
P {margin: 5px; border-style: none; border-width: 20px;}
download poly music mobile phone games
Wednesday 10th of March 2010 07:06:34 PM
left
#left {
position: absolute;
left: 2%;
width: 22%;
top: 106px;
background-color: #ffffff;
}
Attention
These pages use certain CSS definitions that are unsupported by older browsers.
more nice and free css templates


middle right
#content {
position: absolute;
left: 25%;
width: 50%;
top: 106px;
background-color: #ffffff;
overflow: auto;
}
overflow: auto;
With overflow: auto;
With overflow: you can determine how overflowing content should be treated.
Values
visible = The element gets expanded to show the entire content.
hidden = The content will be cut if it overflows.
scroll = The browser should offer scroll bars.
auto = The browser should decide how to render the element. Scroll bars are allowed.
Older browsers do not know support this property.
IE does not support overflow:visible
right
#right {
position: absolute;
left: 76%;
width: 22%;
top: 106px;
background-color: #ffffff;
overflow: auto;
}
open code
Use of this code encouraged! (o_.)/
need to explicitly declare a
width as well, like
so:
width: 10em . To be honest,
I'm not sure why this should permit floating where it
wouldn't otherwise happen. It does make some sense, given the
usual desire for declaring a
width on floated text
elements in any case, but the specification does not
require that a
width be
declared in order to make a text element float successfully. Internet
Explorer 4.x for Windows does.
line of reasoning explains how the left inner edge of the floatedelement can be placed to the left of the left inner edge of itsparent.
Many of you may have an overwhelming desire to cry"Foul!" right about now. Personally, I don't blameyou. It seems completely wrong to allow the top inner edge to behigher than the top outer edge, for example, but with a negative topmargin, that's exactly what you get -- just as negativemargins on normal, nonfloated elements can make them wider than theirwhich is the Bold face and which has a numerical weight of700. Figure 5-11 shows us thevisual result of all this.
Figure 5-11. Greater weight will usually confer visual boldness
Let's take this all one step further, and add two more rules,plus some markup, to illustrate how all this works (see Figure 5-12 for the results):
/* assume only two faces for this example: 'Regular' and 'Bold' */P {font-weight: 100;} /* looks the same as 'normal' text */
8.2.2.2. Using auto
If only one of width ,
margin-left, or margin-right is
set to a value of auto, while the others are given
specific values, then the property set to be auto
will evaluate to whatever length is required to make the element
box's width equal the parent element's