cancel
Showing results for 
Search instead for 
Did you mean: 

CSS and 3 column layout

Patch
Grafter
Posts: 122
Registered: 30-07-2007

CSS and 3 column layout

I am struggling with a design to generate a 3 column layout for a website. I have the site workign with tables, but would much rather use CSS to allow for future compatability.

there is a static version of my current effort at http://www.pdat28.plus.com/css-col.htm

In the actual site, the 4 green boxes are generated from the database, and may increase in number up to 15, so they should then wrap round.

So far I have found 2 main problems with this

1. In Internet Explorer 6 on Windows xp the first paragraph of text does not always appear, but if you resize the window, or highlight the text then it does appear.

2. again in ie6, the right had box will sometimes dissapear under the rightcontent panel.

If anyone has any suggestions or comments, then I'd appreciate it.

thanks

Patrick


The main part of the design has been taken from http://www.glish.com/css/
3 REPLIES
grahambritten
Grafter
Posts: 105
Registered: 01-08-2007

CSS and 3 column layout

Patrick

Don't know if you're aware of an excellent css resource at css-discuss. This is a mailing list devoted to talking about CSS and ways to use it in the real world.

There is also a wiki at css-discuss Wiki, which should point you in the right direction.

Hope this helps.

Graham
Patch
Grafter
Posts: 122
Registered: 30-07-2007

CSS and 3 column layout

Hi Graham,

Thanks for the link. I found the solution to the dissapearing text on there within minutes, and even came up with "a" solution to the overlapping boxes.

I've bookmarked the site and can see I will be using it again.

Cheers

Patch
GogLlundain
Newbie
Posts: 4
Registered: 30-07-2007

CSS and 3 column layout

This article
http://www.alistapart.com/articles/holygrail/

shows you how to create a three column layout with the two side columns a fixed sixe, the middle column resizing to fill the remaining space.
HTH,
glj