Fri, 2004-08-06 18:40
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.
Fri, 2004-08-06 19:08
#1
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.
Fri, 2004-08-06 19:27
#2
3 column help
Works like a charm, thanks very much.!!!!!!!!!!!