2 replies [Last post]
charlene2021
Offline
Enthusiast
Last seen: 11 years 50 weeks ago
Joined: 2004-04-08
Posts: 86
Points: 0

Page in reference: http://www.there-there.net/test/
Currently working on fixing the bottom of the site (where you see HELLO).

I have #contents, #archives, #recent wrapped in #bottomcontainer that is 75% wide on the page.

What I am wanting to do is have those three sections be of equal size and distanced equally apart from one another (about 15px). And I am drawing a big blank on what I am sure is an easy thing to figure out.

Any help would be greatly appreciated.

The Finch
Offline
Enthusiast
Cincinnati
Last seen: 16 years 18 weeks ago
Cincinnati
Timezone: GMT-5
Joined: 2004-08-01
Posts: 65
Points: 0

3 column help

You could float each of them left with a clear at the bottom

e.g.

Quote:
#contents {
float:left;
margin:0;
padding:0;
width:30%;
}
body>#bottomcontainer #archives {
margin:0 5%;
width:30%;
}
#archives {
float:left;
margin:0 4%;
padding:0;
width:28%;
}
#recent {
float:left;
margin:0;
padding:0;
width:30%;
}
.clear {
clear:left;
content: "";
}

I could show you the full code, if this doesn't make sense. It's not exactly perfect working with %'s, so you'd have to play around with the numbers.

charlene2021
Offline
Enthusiast
Last seen: 11 years 50 weeks ago
Joined: 2004-04-08
Posts: 86
Points: 0

3 column help

Works like a charm, thanks very much.!!!!!!!!!!!