On Fri, 17 Oct 2003 19:50:03 +1300, "Peter Jenkins"
<pe**************************************@xtra.co. enzed> wrote:
I have some divs I am using to get a two column layout
for a section of a page, like so;
<div1>
<div2> <div3>
blah blah blah blah
blah blah blah blah
blah blah blah blah
</div> </div>
</div>
<div4>
More blah blah blah blah etc etc
</div>
Problem: if I have more content in div3 than in div2
that content overlaps that in div4.
How do I prevent this?
Doesnt seem to happen in IE, just Mozilla etc
I hve an example
http://www.safenz.org.nz/indexnew.htm
The text beside the pictures overlaps the content
below it at less than 800x600
CSS at http://www.safenz.org.nz/css/index.css
You don't seem to have had any responses yet, so I took a look.
You seem to be doing things in a rather complicated fashion, such as
using relative positioning to add some margin. I've not really managed
to disentangle what's going on. I suggest you start by simplifying
things, such as:
- stripping unused styles out of your stylesheet and ordering the
remaining styles a bit more logically, such as grouping all those
concerned with the page header together; comments might also help;
- stripping redundant classes, such as h1.title;
- stripping redundant DIVs, such as divider (add margin or padding to
the DIV above or below);
- not using positioning where margin, padding and/or floats will do the
job;
- reducing duplication ("font-family : Arial, helvetica, sans-serif;"
surely doesn't need to be repeated quite so many times - just put it on
the body, and perhaps on TD, TH to keep one or two older browsers
happy).
Then it might be easier to work out what exactly the problem is.
While I'm at it:
- "<h3>***And still a family waits.........</h3>" is not a heading, so
don't use <h3>. Use something like <p class=stress>.
- "If you can see this you are using an obsolete and non
standards-compliant browser. To see this and many other sites the way
they should look you need to upgrade to any one of the following;
Mozilla, Netscape 6 up, Opera, Konqueror, or IE4 up. " is not very
friendly or accurate. I can see it in Opera 7 if I disable your
stylesheet. CSS is designed to be optional. A better phrasing might be
"This site looks better with CSS enabled ..." though that will probably
still irritate users of audio browsers.
--
Stephen Poley
http://www.xs4all.nl/~sbpoley/webmatters/