goes a bit wrong: the height only adjusts to the height od the first column and the rest overflow. Take a look and you’ll quickly see what I mean. I think the reason that only the first column is inside the manin div is that the rest are position: absolute in the CSS, but if change this attribute then everything moves to the wrong place…. * Any ideas how I can get around this anyone??? Viewing 5 replies - 1 through 5 (of 5 total) * [fishcakes](https://wordpress.org/support/users/fishcakes/) * (@fishcakes) * [20 years, 10 months ago](https://wordpress.org/support/topic/css-layout-problem-3-column-layout-height/#post-243153) * Unfortunately if you want to get the main div to strech down, you have to put all the divs inside it. Once you do this everything will be in the wrong place, but you can tinker with margins, padding etc. * You’re using a liguid layout for the main div, so I would suggest floating the google ads div right, and giving the centre column a margin-right of enough so it doesn’t “wrap” around the google ads (if you see what I mean) and forms its own column. * Thread Starter [shadycraig](https://wordpress.org/support/users/shadycraig/) * (@shadycraig) * [20 years, 10 months ago](https://wordpress.org/support/topic/css-layout-problem-3-column-layout-height/#post-243170) * Hi Fishcake and thanks for the reply 😉 * I’ve copied my basic structure below, and all 3 columns are already inside one main div “all”:

* Is that what you mean? * I’m not sure about how all the ‘float’ things work yet, so I’ll read up and check back here before commenting. * Cheers, Shady * [Monika](https://wordpress.org/support/users/monika/) * (@monika) * [20 years, 10 months ago](https://wordpress.org/support/topic/css-layout-problem-3-column-layout-height/#post-243191) * ShadyCraig take a look at this side, [http://www.webdesign-in.de/neun/index.html](http://www.webdesign-in.de/neun/index.html) or [http://www.webdesign-in.de/neun/neun.html](http://www.webdesign-in.de/neun/neun.html) * first: you need a div before your div=all your div=all is div=innen1 in the example page above * 😉 lg Monika * Thread Starter [shadycraig](https://wordpress.org/support/users/shadycraig/) * (@shadycraig) * [20 years, 10 months ago](https://wordpress.org/support/topic/css-layout-problem-3-column-layout-height/#post-243542) * ahhh! * it took a while but in the end adding
just inside the for “all” did the trick Now to find out why! * Thanks very much for you help! * [yngwin](https://wordpress.org/support/users/yngwin/) * (@yngwin) * [20 years, 10 months ago](https://wordpress.org/support/topic/css-layout-problem-3-column-layout-height/#post-243609) * If you want to know why, and even find better solutions, study these articles: * [http://www.complexspiral.com/publications/containing-floats/](http://www.complexspiral.com/publications/containing-floats/) [http://positioniseverything.net/easyclearing.html](http://positioniseverything.net/easyclearing.html) [http://annevankesteren.nl/2005/03/clearing-floats](http://annevankesteren.nl/2005/03/clearing-floats) Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘CSS layout problem, 3 column layout height’ is closed to new replies. ## Tags * [3column](https://wordpress.org/support/topic-tag/3column/) * 5 replies * 4 participants * Last reply from: [yngwin](https://wordpress.org/support/users/yngwin/) * Last activity: [20 years, 10 months ago](https://wordpress.org/support/topic/css-layout-problem-3-column-layout-height/#post-243609) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics