On Jul 26, 2007, at 7:28 AM, Anne E . Shroeder wrote:
> big conundrum: In firefox my pages break (center and right column
> drop down below level of left column), but not always. If I
> refresh they are fine. It's very uneven behavior. It seems to be
> just fine in IE - and this problem occurs is only on Firefox 2.* on
> the PC.
>
> Examples of pages that are breaking:
> http://www.currentflash.com/alma/web/programming/rnd04/
> template_natural_sciences.php
> http://www.currentflash.com/alma/web/programming/rnd04/
> template_pre_professional.php
>
> It would seem that the div definitions are too wide and so are
> being dropped down, but in this case why does the page sometimes
> work? Any insights much appreciated.
You are using 'display:table' on some of your divs, e.g.
#total_insidecontainer
{
width: 924px;
background:url(../siteimages/bg-across.gif) repeat-y;
display: table;
}
There is an obscure bug in Gecko whereby using display table
sometimes cause the parser to hang very briefly. The result is that
some of your floated blocks may drop lower (as if the Gecko parser
created a second table-row).
I guess (I didn't analyse your pages completely) you are using
'display:table' to contain floated blocks. You should consider using
an alternative technique, like the 'easy clearing' method, or other
methods listed on the wiki:
<http://css-discuss.incutio.com/?page=ClearingSpace>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
