Forums

[resolved] Browser incompatability (10 posts)

  1. memdesigns
    Member
    Posted 1 month ago #

    I have a self-hosted Wordpress blog site at http://www.forthefirstime.ca using the template iNove. It looks PERFECT in IE but is all screwed up in Firefox and Chrome. I think it's something to do with the nesting or order of the CSS, but nothing I do fixes it.

    Any help would be VERY mich appreciated.

  2. stvwlf
    Member
    Posted 1 month ago #

    Hi

    2 lines to add to your stylesheet,
    line 356:

    #content {
    background:#FFFFFF url(img/sidesep.gif) repeat-y right center;
    border-left:1px solid #FFB56C;
    ADD ---->  float:left;
    }

    line 723

    #footer {
    background:transparent url(img/footer2.jpg) no-repeat;
    border-top:1px solid #CCCCCC;
    color:#FFFFFF;
    display:block;
    ADD ---> float:left;
    font-size:11px;
    height:31px;
    line-height:145%;
    width:100%;
    }

    It is quite possible this could mess up the display in IE while fixing it in FF. On mine, it messed up IE7.
    If that happens, the theme has a 2nd stylesheet called ie.css - in that case try adding this into it

    #content { float: none; }
    #footer { float: none; }
  3. memdesigns
    Member
    Posted 1 month ago #

    Thank you! You are my Wordpress angel! It worked very well and didn't even mess it up in IE. Now I just got a couple of little border issues to look at and I'm done.

    Thank you again so much. This was exactly the kind of answer I was hoping for.

  4. memdesigns
    Member
    Posted 1 month ago #

    Help again! It works now very well in IE and Firefox, but is still not displaying properly in Safari and Chrome.

    Any advice?

  5. pboosten
    Member
    Posted 1 month ago #

    It's not displaying very well in my FF, because of the sidebar being too wide. If you change it from 300px to 295px, and make it float: left, it'll display like it should.

    I recommend a 'clear: both;' on the footer.

    Peter

  6. memdesigns
    Member
    Posted 1 month ago #

    Exactly right! Thanks for your help.

  7. memdesigns
    Member
    Posted 1 month ago #

    OK everyone - this site - wwww.forthefirstime.ca s working fine now in IE, Firefox and Chrome, but apparently the sidebar is still showing up in the wrong place on Safari.

    Does anyone know of a safari stylesheet, like the IE.css that will work for the Wordpress template?

  8. stvwlf
    Member
    Posted 1 month ago #

    A Safari tweak can be created in javascript or jQuery

  9. memdesigns
    Member
    Posted 1 month ago #

    Oh oh - you completely lost me.

  10. memdesigns
    Member
    Posted 1 month ago #

    Actually - I checked it on an iPod that uses Safari and that's OK, so could it be a Mac issue? If anyone out there is using a Mac, please check http://www.forthefirstime.ca and let me know where the sidebar displays.

Reply

You must log in to post.

About this Topic