Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

Css - Cross browsers

  • 17-11-2005 1:08am
    #1
    Registered Users, Registered Users 2 Posts: 3,057 ✭✭✭


    Howdy,

    I've done up a website thats working fine in IE but not firefox. I can change the css to work in firefox but that screws up IE and so on and so on. I think I heard somewhere that you can put a certain symbol or piece of code in front of some css and firefox will only read that. So I could have a css file that both browsers would call but firefox would only be able to read certain bits.

    Just wondering if anybody has come across anything like this?

    Many thanks.


Comments

  • Registered Users, Registered Users 2 Posts: 1,363 ✭✭✭chabsey


    kjt wrote:
    Howdy,

    I've done up a website thats working fine in IE but not firefox. I can change the css to work in firefox but that screws up IE and so on and so on. I think I heard somewhere that you can put a certain symbol or piece of code in front of some css and firefox will only read that. So I could have a css file that both browsers would call but firefox would only be able to read certain bits.

    Just wondering if anybody has come across anything like this?

    Many thanks.


    Well you could create browser-specific CSS files, so if you're using IE you get one CSS file, and if you're using Firefox you get a different CSS file.

    The majority of cross browser CSS problems can be fixed via hacks, and generally the problem is actually with IE despite IE showing the page you want and Firefox showing a broken version, mostly it's Firefox that's displaying the CSS compliant version.

    That 'bit of code' you mention might be something like this:

    voice-family: "\"}\"";
    voice-family:inherit;


    which is part of the box model hack that fixes a bug in IE 5 Win & IE 5.5 Win.

    Not sure it that's what you're looking for.


  • Registered Users, Registered Users 2 Posts: 3,057 ✭✭✭kjt


    Thanks for your help Chabse.
    I've sort of cut it down to on line of code thats actually now in the html.
    Think I could actually look at it a bit harder and sort it all out.

    Thanks again :)


  • Registered Users, Registered Users 2 Posts: 8,488 ✭✭✭Goodshape


    This works :
    [html]
    <link href="style.css" rel="stylesheet" type="text/css">

    <!--[if IE]>
    <link href="ie-style.css" rel="stylesheet" type="text/css">
    <![endif]-->
    [/html]

    It calls the 'style.css' file first and then, if IE is detected, calls a seperate 'ie-style.css' file. You only need to include the changed bits in the second CSS file, the first one is still being processed by both browsers so anything that works in that you can simply leave out of the second one.


  • Registered Users, Registered Users 2 Posts: 3,057 ✭✭✭kjt


    Super, thanks for that Goodshape :)


  • Registered Users, Registered Users 2 Posts: 68,317 ✭✭✭✭seamus


    kjt wrote:
    Super, thanks for that Goodshape :)
    Indeed, good work, Goodshape.


  • Advertisement
  • Registered Users, Registered Users 2 Posts: 1,268 ✭✭✭hostyle


    For future reference Goodshape is using what is know as conditional comments, something which is only supported by IE. This is the recommended method as of IE 7 for hiding CSS from non-IE browsers. Inline CSS hacks are not guaranteed to work on IE7.


Advertisement