FRIHOSTFORUMSSEARCHFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Equal Columns in CSS

 


Raidation
I've looked up so many tutorials on the internet to try to find how to make equal columns.
None of them suited my needs.

I don't want javascript hacks.
I don't want faux columns.

I want a pure CSS way of doing it.

So can anybody help me?

Oh, and I'm going to put a footer at the bottom of the page so I don't want hidden overflow.
anakin_skyrunner
I just experienced that problem myself and solved it this way:

Add this to all the divs that should have the same height:
Code:
margin-bottom: -995px;
padding-bottom: 1000px;

(this leaves a padding of 5px at the bottom)
Then I put a div around those and added overflow: hidden. (I know you said you didn't want it) - at the bottom of this container I added another div, which is my footer. So I don't see why this shouldn't work as well in your case?

Have a look at my css here: http://www.inhisname.de/alpha/inhisname/
I've used this solution: http://www.ejeliot.com/blog/61

If this doesn't suit your needs you can try this one: 456bereastreet.com
However only IE8 interprets the table argument correctly.
Star Wars Fanatic
Raidation posted the correct solution.

Though with this:
Raidation wrote:
Oh, and I'm going to put a footer at the bottom of the page so I don't want hidden overflow.


You eliminated every solution ever along with the other criteria you posted.
sonam
Did you think something like that:
http://matthewjamestaylor.com/blog/perfect-3-column.htm

Sonam
Related topics

Css- 2 equal columns in Explorer
Creating a layout complete with css
That typical 3-column layout
Page columns: tables or no tables?
3 columns using div and css

height 100% columns, fluid and only with CSS
CSS and centered columns
Okay, I'm done trying to use CSS for layout.
Tutorial: PHP Installed Modules Dynamic Reference Tool
The CSS Creator site

CSS Problem
[CSS] divs laterais com mesma altura do central
Web Design XHTML/CSS
My First CSS Tutorial
[tutorial]Efecto de Transparencia con CSS
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.