Float Declaration in rule renders page blank in IE8

  • Resolved carrieduncan

    (@carrieduncan)


    15 years, 1 month ago

    I’ve finally restored my broken site to its nearly-pristine condition, (it looked just about perfect in IE8 and FF), but a rule which worked fine before is now rendering the index page blank in IE8 (except for the header). Looks fine in FF, but I have to take out the float: left in #biobox to see the page at all in IE8 (though the div to the right does not then float properly). After ten hours of searching, this is as far as I’ve gotten.

    Here is a link to the index:
    https://0055ae0.netsolhost.com/wordpressLR/

    Here is a link to the CSS:
    https://wordpress.pastebin.ca/1762274

    Thanks in advance for any insight you can provide.

Viewing 2 replies - 1 through 2 (of 2 total)

  • You are using float and position on the same elements; choose one way or the other. Also, floats are, well, floating around, so they need to be contained. You could try using clear: both on the element following the floats, and/or overflow: hidden on the parent element.

    Thread Starter carrieduncan

    (@carrieduncan)

    Thanks so much, Funkphenomenon — boy did I get it wrong. Changed all to floats (except the first div, which is position: relative) and works fine in both FF and IE8.

    Additionally, this resolved the Flash of Unstyled Content I was getting on all the pages.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Float Declaration in rule renders page blank in IE8’ is closed to new replies.