1: This is a space...
...and here's some text that serves no other purpose than to fill this space.
The amount of text doesn't matter, since this is a self-adjusting construction.
...and here's some text that serves no other purpose than to fill this space.
The amount of text doesn't matter, since this is a self-adjusting construction.
...and here's some text that serves no other purpose than to fill this space.
This container has 'width: auto' declared.
...and here's some text that serves no other purpose than to fill this space.
This container has 'width: auto' declared.
...and here's some text that serves no other purpose than to fill this space.
The amount of text doesn't matter, since this is a self-adjusting construction.
...and here's some text that serves no other purpose than to fill this space.
The amount of text doesn't matter, since this is a self-adjusting construction.
...and here's some text that serves no other purpose than to fill this space.
...and here's some text that serves no other purpose than to fill this space.
...and here's some text that serves no other purpose than to fill this space.
The amount of text doesn't matter, since this is a self-adjusting construction.
#test div {
background: #ddd;
border: solid 1px #fff;
}
/* the first construction */
#independent1 {
margin: 0 -10px 50px 10px;
width: 60%; }
#independent1 div {
margin: 10px -10px -10px 10px;
width: 100%;}
/* ...and seven more... */
/* the usual IE hacks */
* html div#test div {
position: relative;
}
/* dark test-container */
#test {
overflow-x: hidden;
}
These 8 constructions are in the flow (not floated or positioned), and are controlled by their width and/or margins. Quite ordinary constructions, with the necessary styling to work quite well across most of browser-land.
Internet Explorer 6 fails on all tests initially. However, thanks to the usual hacks – and a heavy dose of negative margins at the right places, it apparently handles all constructions reasonably well.
Internet Explorer 6 is also disturbed by its faulty 'width:' calculation and the auto-expanding bug, hence the 'overflow-x: hidden' on test-container. What a bugger!