Here's a weird thing that I can't figure out. I've recently reworked
my website, and occasionally, when a page loads the main body of text
gets split into more than one column within the same
. I haven't
asked it to do this, and indeed, it doesn't do it consistently - if I
reload the page, it may load as one column, two, three, or even more,
and splits the text in seemingly random places (though always at a
tag). The bigger the page, the worse the issue. Here's the worst case
This page almost always splits, and usually looks absolutely horrible.
If it seems ok to you when you load the page for the first time,
reload the page a couple of times, and you'll see what I mean.
It displays fine in IE6 and IE7, but does this crazy page splitting
stuff in Firefox 1.5 and Firefox 2.0. I think it might be something to
do with the css3 column text support, but no matter what directives I
add to the stylesheets (-moz-column-count, etc), I can't switch off
this behaviour, or even control it.
Can anyone give me some pointers as to how I can modify my HTML/CSS to
stop it splitting columns like this?