IE6 elements out of place until mouseover?

Working on http://churchbcc.org.s14623.gridserver.com/

When I load the site in IE6, some text and image elements appear to
the left of where they should be. When I mouse over the element, it
snaps to the correct spot. If I clear the browser cache, the page
loads correctly. But when I re-load the page or browse to another
page, the problem repeats. Sometimes, the elements don't appear at
all.

The html validates, and everything is fine in Firefox, IE7, etc.

What am I missing here?

In article
<b2d627c7-3f31-47ce-94c7-95bc166258c4@a18g2000pra.googlegroups.com>,
"zgoehner@gmail.com" <zgoehner@gmail.comwrote:

Quote:

Working on http://churchbcc.org.s14623.gridserver.com/
>
When I load the site in IE6, some text and image elements appear to
the left of where they should be. When I mouse over the element, it
snaps to the correct spot. If I clear the browser cache, the page
loads correctly. But when I re-load the page or browse to another
page, the problem repeats. Sometimes, the elements don't appear at
all.
>
The html validates, and everything is fine in Firefox, IE7, etc.
>
What am I missing here?

First clean up as many of the errors and warnings as you can at

<http://jigsaw.w3.org/>

(perhaps a task considering the number of your style sheets...)

--
dorayme

zgoehner@gmail.com wrote:

Quote:

Working on http://churchbcc.org.s14623.gridserver.com/
>
When I load the site in IE6, some text and image elements appear to
the left of where they should be.
>
The html validates, and everything is fine in Firefox, IE7, etc.

Not exactly.
http://www.bergamotus.ws/screenshots/churchbcc.png

Quote:

What am I missing here?

The fact that the web is not paper? The design does not adapt to my
large type size, so it looks pretty broken, not to mention the
unreadable white text on white background parts.

--
Berg

Quote:

First clean up as many of the errors and warnings as you can at
<http://jigsaw.w3.org/>
(perhaps a task considering the number of your style sheets...)

Well, that was of course my first thought. I've dealt with a lot of
IE6 errors and yes, making it valid usually fixes it. In this case,
most of those css validation errors come from the Wordpress plugins
I'm using. So, I deactivated all of them, (one by one, and also all at
once), but that didn't change anything, so I'm inclined to think it's
something wrong with the way I've styled the divs. All my usual
troubleshooting tactics lead nowhere...

The fact that the web is not paper? The design does not adapt to my

Quote:

large type size, so it looks pretty broken, not to mention the
unreadable white text on white background parts.

Thanks, Berg, but that's an issue I can deal with later. Right now I'm
interested in figuring out why IE6, specifically, is sporadically
mutilating the layout.

On 09/25/08 02:41 pm, zgoehner@gmail.com wrote:

Quote:

Working on http://churchbcc.org.s14623.gridserver.com/
>
When I load the site in IE6, some text and image elements appear to
the left of where they should be. When I mouse over the element, it
snaps to the correct spot. If I clear the browser cache, the page
loads correctly. But when I re-load the page or browse to another
page, the problem repeats. Sometimes, the elements don't appear at
all.
>
The html validates, and everything is fine in Firefox, IE7, etc.
>

IIRC you need to set an enclosing <divto a specific width, usually a
percentage.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)