floating div problem between firefox and ie (3 posts)

  1. planetthoughtful
    Posted 10 years ago #

    Hi All,

    I'm designing my first WP theme, and I will readily admit to not being a CSS genius.

    My layout is two columns, with content on the left and sidebar on the right.

    I'm attempting to use floating DIV containers to float the two columns side by side. In Firefox, they look fine. In IE, the sidebar content displays on the left, underneath the main post content, rather than on the right, next to the main post content.

    I'm wondering if anyone can give me some hints about what might be causing this?

    Many thanks in advance,


  2. NyteOwl
    Posted 10 years ago #

    One solution is not to float the main content area on the left, just the sidebar to the right. If this doesn't work I'd look for a stray clear: property.

  3. planetthoughtful
    Posted 10 years ago #

    Hi NyteOwl,

    Thanks for the suggestion. This is exactly what I ended up doing, with a little help from this float tutorial.

    Thankfully, my theme is now actually progressing, rather than staying static at "Why the hell won't you work?!".

    Thanks again,


Topic Closed

This topic has been closed to new replies.

About this Topic