fluid "decoration"

absolute positioned images...

chaotic test page
#25
18.oct.2006

positioned from inside a container.

A test paragraphs mission is to take up some space, while we're waiting for some real content.

A test paragraphs mission is to take up some space, while we're waiting for some real content.

positioned from inside paragraphs

A test paragraphs mission is to take up some space, while we're waiting for some real content.

A test paragraphs mission is to take up some space, while we're waiting for some real content.

...and that's it

#independent {
width: 50%;
float: left;
margin: 10px 0 20px 10%;
border: solid 1px #fff;
background: #eee;
clear: both;
display: inline /* IE hack */;
position: relative;
}
#independent p {
position: relative;
height: 1% /* hasLayout */;
margin-bottom: 25px;
}
h3 {
clear: both;
}
.c1,.c2,.c3,.c4,
.c5,.c6,.c7,.c8  {
position: absolute;
/* images */
}
.c1 {
top: 40%;
left: -25px;
}
.c2 {
top: -15px;
left: -8%;
}
.c3 {
bottom: -25px;
left: 12px;
}
.c4 {
top: -15px;
right: 25%;
}
.c5 {
bottom: 30%;
right: -22px;
}
.c6 {
top: 40px;
right: -7%;
}
.c7 {
bottom: -5px;
right: 10%;
}
.c8 {
top: 90%;
right: -5%;
}

Notes:

None yet.

go to test-menu