WordPress.org

Ready to get started?Download WordPress

Forums

controlling stylesheets for MOZ and IE; (6 posts)

  1. donatelli
    Member
    Posted 9 years ago #

    I've got most of my site running with the Kubrick 1.2.5 theme used; I am of course suffering from different display of my 'LINKS" category in Firefox and IE.
    http://www.astrorot.com/main/
    I am trying to get the links within the black area of the top landscape scene, on the right. Obviously IE and Firefox display CSS differently; so what are my choices for making the category display properly in both using the same CSS, or using some kind o <!--[ifIE]--> command within the code; where would I put this and what should I name the IE CSS file?
    Any suggestions/advice would be greatly appreciated!

  2. mike
    Member
    Posted 9 years ago #

    Let's say you have a css class that displays differently in Mox and Ie:
    .class { the: style }
    and say that the above works in IE, but not Moz and you know how to modify the above to make it work in Moz, like this:
    .class {the: style2 }
    To make it work in both, add this to your stylesheet:

    .class { the: style }
    html>body .class {the: style2 }

    Mozilla only sees the latter. Simple as that...though not pretty.

  3. poons15
    Member
    Posted 9 years ago #

    I am having a simliar problem where in Mozilla my left bar's width seems to be the root of the problem. It will look fine in IE but in Mozilla it seems to have squeezed all of the content and looks pretty bad.
    So would the fix be putting

    div#leftbar {
    width: 120px; <-- for IE
    html>body width: 160px; <-- for Mozilla
    }

    Thanks for your help. Its appreciated.

  4. Matt Mullenweg
    Troublemaker
    Posted 9 years ago #

    Try adding this to your CSS:
    #sidebar ul ul {
    position: absolute;
    }

    The selector (the #sidebar ul ul bit) is like that because your menu items don't have unique IDs. If you change the

      that has the links you want in the header to <ul id="headlinks"> you could change the selector to #headlinks {.
      Hope that helps.

  5. poons15
    Member
    Posted 9 years ago #

    This is what I added and it worked just great.
    width: 180px !important; <-- for Moz
    width: 120px; <-- for IE
    I got it from here: http://www.ozzu.com/ftopic24024.html
    This worked just perfectly for me.
    Thanks!

  6. donatelli
    Member
    Posted 9 years ago #

    I appreciate all the replies, it's given me a good point to start from. I am quite new to the integration of/between CSS, PHP, HTML etc.. so it helps to have some input. Anyway, about conditional comments; I was additionally thinking about using this method and I even tried, but it didn't seem to work. So, a) Where exactly do I paste the code for the conditional comment(s)? and b) To get the outcome I want, what would anyone suggest I use? I am going to read some more literature now on this; Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.