IE6 elements out of place until mouseover?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • zgoehner@gmail.com

    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?
  • dorayme

    #2
    Re: IE6 elements out of place until mouseover?

    In article
    <b2d627c7-3f31-47ce-94c7-95bc166258c4@a1 8g2000pra.googl egroups.com>,
    "zgoehner@gmail .com" <zgoehner@gmail .comwrote:
    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

    Comment

    • Bergamot

      #3
      Re: IE6 elements out of place until mouseover?


      zgoehner@gmail. com wrote:
      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.

      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

      Comment

      • zgoehner@gmail.com

        #4
        Re: IE6 elements out of place until mouseover?

        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...

        Comment

        • zgoehner@gmail.com

          #5
          Re: IE6 elements out of place until mouseover?

          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.
          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.

          Comment

          • Jim Moe

            #6
            Re: IE6 elements out of place until mouseover?

            On 09/25/08 02:41 pm, zgoehner@gmail. com wrote:
            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)

            Comment

            • zgoehner@gmail.com

              #7
              Re: IE6 elements out of place until mouseover?

              FYI: I fixed the IE6 issue by deleting the reset.css styles. Case
              closed.

              Comment

              • Bergamot

                #8
                Re: IE6 elements out of place until mouseover?


                zgoehner@gmail. com wrote:
                FYI: I fixed the IE6 issue by deleting the reset.css styles. Case
                closed.
                Does this mean you're now going to work on the other design flaws?


                --
                Berg

                Comment

                Working...