No replies
barryk
barryk's picture
Offline
newbie
Last seen: 14 years 6 weeks ago
Joined: 2007-12-13
Posts: 2
Points: 0

I have been experimenting a bit today trying to get something that will work reliably cross browser/versions (*cough* IE6 *cough* }:) ) and create a fluid 2/3 column that stretches with background colour both width and height.

Below is fairly basic version of the idea, I don't recall seeing anything similar on my travels so I thought I would put it out there for comments/suggestions. Wink

Untitled Document

.maintext{
background-color:#FFFFCC;
}
.rightfill{
background: url(images/bg.gif) right top repeat-y; /*Background image right */
}
.leftfill{
background: url(images/bg.gif) left top repeat-y; /*Background image left */
}
.leftcontent {
float:left;
}
.rightcontent {
float:right;
}
.main{
padding-right: 220px;
padding-left: 220px;
}

right

left

consectetuer adipiscing elit. Aliquam quam orci, cursus id, porttitor vitae, malesuada mattis, purus. Mauris molestie varius lectus. Aliquam eu nunc sit amet orci placerat semper. Suspendisse nec lorem quis pede dictum pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sapien diam, malesuada ac, mollis sit amet, gravida ac, risus. Morbi ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec libero lacus, pellentesque nec, gravida sed, blandit ac, leo. Nullam pulvinar imperdiet odio. Etiam eget lectus. Phasellus vehicula enim sed nisi. Donec imperdiet augue et mauris. Nunc pede leo, mattis eget, suscipit non, imperdiet sit amet, odio. Nulla sollicitudin accumsan lacus.