Previous Message
Next Message

RE: [css-d] opinions on 3 col + footer layout strategy

Sent by Karen Stevenson Brown on 5 November 2002 06:06


----- Original Message -----
From: "Michael Angeles" [EMAIL-REMOVED]>

> A site I worked on just launched that uses css-p for layout.
>
>     http://aifia.org
>     http://aifia.org/css/aifia.css

Michael,

Nice job! I also have put together a 3-column layout that works in NN4.x and
it looks like you have used some of the same techniques I did. I found a
couple things that may help you:

Sometimes the right hand column gets too narrow, but is fixed with a reload.
I had the same problem on my site and found the solution at
http://www.projectseven.com/whims/cssp_3box/3boxnoscript.htm. The 3-column
NN4.x layout seems to work best if you don't set a width on either the
middle or right hand column, not even width:auto. Just set the left and
right margin on the middle column, and the top and left on the right hand
column.

On page http://aifia.org/news/000051.php in NN4.05/Win the heading overlaps
the content text. I didn't see this on any other pages, and I don't know
what is different about this page.

This is not a NN4 issue, but your columns break down if the font size is
enlarged and the window reduced in IE5.5/Win. What happens is that the text
from the various parts of the page start to overlap, becoming unreadable.
It's not a problem in in Opera (I didn't check NN6.x). Adding
"overflow:hidden" or "overflow:auto" to your top, left, and right hand
divisions will fix this in IE by either hiding anything that doesn't fit or
adding scroll bars to the page sections so that they don't overlap other
parts of the page.

Just as a FYI, I found that I had problems in NN4 multi-column layouts if I
tried to set widths on anything nested in the middle and right columns, like
headings. For instance, I couldn't get my headings in the middle column to
center correctly when I set widths on them, but they worked perfectly when I
left out any width. I also uncovered lots of problems, and sometimes
crashes, in earlier versions of NN4 if I set borders on any element that
takes up less than 100% of the page width, like a heading nested inside one
of these columns. Early NN4 versions also crashed if I tried to set border
sizes on any elements using pixels instead of "thin" or "thick". I ended up
removing all borders and widths from my NN4 stylesheet just to be safe
(except for the width of the left column). I don't know that any of these
things affect your pages, just thought I'd pass that info on since I haven't
seen it noted anywhere I have researched NN4 issues.

Hope this is helpful.

Karen Stevenson Brown
ElderWeb
http://www.elderweb.com/


__________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.meyerweb.com/eric/css/discuss/info.html
Sponsored by www.westciv.com - CSS resources | software | learning
Previous Message
Next Message

Message thread:

Possibly related: