Problems with 3 column layout (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

GolfMad -> Problems with 3 column layout (1/7/2008 13:39:03)

http://www.rationalservice-sw.co.uk/real/

In the very intial stages of developing a site using css and I am trying to have a full width header row and menu row (as divs of course), followed by three columns which I want to limit to 800px and have a container around them to do this.
While the basics are there the middle column, called 'page_content' is not filling independently like the left and right columns are. Text in this middle column is just filling the space underneath the left and right columns in the container.

I would be very grateful if someone could help with the code to get this middle column to act independantly please.

Thanks
Phil



jaybee -> RE: Problems with 3 column layout (1/7/2008 14:11:55)

In the code try putting the left col in first followed by the middle one and then the right one, at the moment the middle one comes after the right hand one. 

<div id="container">
	<div id="left_col">
		menu<br />
		1<br />

		2<br />
		3<br />
		4</div>
<!-- #BeginEditable "content" -->
	<div id="right_col">
	right</div>
	<div id="page_content">

	This should be part of the <br />
	middle column but it just seems to fill the wrapping container<br />
	</div>


The only time you can get away with doing it that way round is if your Divs are positioned absolute.

You might want to float the left and middle cols left as well, then either float the right one left or right. .



GolfMad -> RE: Problems with 3 column layout (1/7/2008 14:28:38)

Thanks you very much Jaybee - it worked a treat.

When I couldnt get the middle column to work I moved it to the end as I am sure, someone advised me to do that when I was floating two images and wanting text in the middle, in a line previously - a while ago so I could be confused!

The adding of a float to that middle column as you suggested, then sorted it out.

Thanks again for your time and expertise, much appreciated.

Regards
Phil



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875