Problems with 3 column layout

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Problems with 3 column layout

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> Problems with 3 column layout

Page: [1]


GolfMad Posts: 178 Joined: 3/20/2002 From: UK Status: offline	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 Posts: 13959 Joined: 10/7/2003 From: Berkshire, UK Status: offline	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. . _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to GolfMad)


GolfMad Posts: 178 Joined: 3/20/2002 From: UK Status: offline	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 (in reply to jaybee)

Page: [1]

All Forums >> Web Development >> Cascading Style Sheets >> Problems with 3 column layout

Page: [1]

Jump to: 1

New Messages	No New Messages
Hot Topic w/ New Messages	Hot Topic w/o New Messages
Locked w/ New Messages	Locked w/o New Messages

Post New Thread

Reply to Message

Post New Poll

Submit Vote

Delete My Own Post

Delete My Own Thread

Rate Posts