[thelist] CSS + DIVS vs Tables

Michael Pemberton evolt at mpember.net.au
Wed Jul 7 12:00:16 CDT 2004

After my first site check for a client, someone suggested that I look at 
replacing the table-based layout with a DIV/CSS one.  Since the client's 
site was just a small page designed as a "parking" page, I haven't 
bothered wasting their time with a redesign.

That said, I am in the process of rebuilding my private intranet around 
a base layout.  Until now, it has also been table-based and a pain to 
administer the various sections and code.

So, my question is, is it possible to obtain a standards-compliant, 
DIV-based, CSS coded layout that has the following features:

	- A header row with two sections. (50/50%)

	- A left-hand column for navigation between sites
	  (fixed width of 200px)
	- A centered column for page content
	  (minimum width of 360px)
	- A right-hand column for navigation within sites
	  (fixed width of 200px)

	- A footer row with three sections. (40/20/40%)

I have played with the code for a week or so, and am still finding 
problems with IE.  I have found many sites that say I need to look at 
the "float" property to get the required look.  But IE keeps randomly 
wrapping the right hand column to beneath my left-hand column.

I am also not sure about the float option allowing me to make sure that 
the content section is never overlapped by my navigation panels.

To see what I currently have (a screen capture is all I can post 
publicly), here's a link:


Thanks to all for past and future help.

Michael Pemberton
evolt at mpember.net.au

More information about the thelist mailing list