OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
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.

Follow Us
On Facebook
On Twitter
RSS
Via Email

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 and Accessibility >> Problems with 3 column layout 		Page: [1]
 
 
GolfMad

 

Posts: 191
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: 14442
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: 191
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 and Accessibility >> 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


Copyright © 2009 Thomas Brunt's OutFront Inc. All Rights Reserved.