PDA

View Full Version : Two column layout help


MattDavid.Hall
8th February 07, 05:46 PM
It has been awhile since I've posted here. I need some help with my layout.

You can download all of the files that I am using at this URL: www.eislogan.com/downloads/eng.zip

The problem I am having is this: I can't get a two column layout to work correctly.

The header and footer work exactly like they should; I am just having problems with the content section. Basically I need the content section to be a two column layout. The left column to hold my navigation menu and the right for all of my content.

I would greatly appreciate it if someone could look at my current pages and perhaps show me what I need to do to accomplish my task.

Thanks,
MDH

Oreo
8th February 07, 11:50 PM
Hi Matt,

What I would do is put all the existing divs into one container div. That div element would be centered (margin:0px auto;), like you did with header, content etc.

Instead of positionning the inside divs to relative, I would float them all to the left.

Now, each of the inside divs cannot exceed more than 800px because the main container is 800px. For example, inside the content div the menu is 120px so the right column cannot be more than 680px, no borders because they count and it will overflow.

I hope this helps

MattDavid.Hall
20th March 07, 02:02 PM
I apologize for not responding sooner.

But thanks for your reply. Your suggestions did the trick. Everything looks good now.

I have another question but I will create a different thread for it since it doesn't have to do with the two column issue.

Thanks again!