Paul Burney wrote:
> Someone recently informed me about a very odd float jumping bug in one
> of my sites while using IE 7 (Win XP).
> The problem occurs on the main page of this site:
> http://capa.concord.org/
> It's a pretty simple layout, with one main column and a sidebar
> floated to its left. The main column has a left margin that's a bit
> bigger than the floated sidebar.
> Here's the problem: Occasionally, in IE 7, the floated column jumps
> from the place it's supposed to be to overlap the main column:
> When this happens, one can either hit the reload button or change the
> window size a bit and everything falls into place like it's supposed
> to.
> Has anyone out there seen this bug? It's hard to reproduce reliably.
> So far I've tried giving the #sidebar position:relative (which I
> needed for IE6), and I've tried giving it layout with the proprietary
> "zoom: 1" in the ie7.css file (I'm using conditional comments to have
> some extra rules for IE6 and below and some for IE 7). Neither seems
> to fix it, though once the problem has "fixed" itself it sometimes
> stays that way until the computer is restarted.
> Any suggestions for solutions? The easiest would be to just put it in
> a two-cell table, of course, but that's cheating.
> Thanks in advance,
> Paul Burney
> http://www.concord.org/
Hi Paul,
I think you were on the right track. Maybe try something like this in
your css/ie7.css stylesheet:
#container,
#content,
#page-content-with-sidebar,
#sidebar {
position: relative;
zoom: 1;
}
#sidebar {
display: inline;
}
Hope it helps!
~Bill
--
/**
* Bill Brown
* TheHolierGrail.com & MacNimble.com
* From dot concept...to dot com...since 1999.
***********************************************/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
