3 column layout to 2 column layout

snappy · #1 Oct 29th, 2006, 14:10

I've used Geoff's three column template to create my main opening page. I now want to create further content pages retaining the 'left navigation' but ditching the 'righthandpanel' to accomodate a wider 'maintextarea'.

If I ditch the 'rhpanel' and expand the 'maintextarea', the position of the 'left navigation' is wrong. There has got to be better solution than creating a whole set of classes for a new 'left navigation' that is positioned correctly in relation the new wider text area.

Any suggestions? I'm not ready for php yet and methinks you CSS wizards can give me a good solution...>> using just CSS and HTML and based on Geoff's template.

Yours hopingfully
Snappy

ukgeoff · #2 Oct 29th, 2006, 14:21

Give one of the top level elements in your none home pages an 'id', then in your css file, just add the necessary adjustments and they will only be active on those pages.

Example snippets:

Code: Select all

<html id='noright'>

#noright #rightpanel {
   display: none;
}

#noright #maintextarea {
   width: new width;
}

#noright #navigation {
   margin-left: - width as above plus its left margin;
}

snappy · #3 Oct 29th, 2006, 16:29

Geoff, you are a star!
Thanks for your help, its looking good, I'm sure I'll be back for more help soon!!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
3 column div layout, not same length	tox0tes	Web Page Design	8	Jun 28th, 2007 15:08
3 column layout help needed	AdRock	Web Page Design	12	Apr 13th, 2007 23:40
Column display, layout differences	deesto	Web Page Design	2	Sep 3rd, 2006 20:27
2 column layout, footer problem	svenjafour	Web Page Design	13	Dec 1st, 2005 09:25
perfect three column layout	Webforumz Staff	Web Page Design	15	Apr 14th, 2004 08:56

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
3 column layout to 2 column layout