IE and Firefox Dilema

Discussion in 'CSS' started by tomupton, Sep 6, 2010.

0
  1. #1
    Hi All,

    Im having a few issues with my accordian on the below page.

    http://sowebservices.co.uk/BCM/event-details.php?event_id=155
    HTML:
    You will see within the accordian there is a heading on the right hand side. This displays perfectly within Firefox. It also displays fine in IE8 with compatibility mode activated.

    Any idea's how is can resolve this to work in older browsers?

    Regards

    Tom
     
    tomupton, Sep 6, 2010 IP
  2. cubicaaron

    cubicaaron Guest

    Messages:
    104
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    There seems to be some styling issues with your Accordian Box Titles and Tabs. Strip them down and ensure that they are aligned correctly in both IE and FF by checking as you add the new styles - a fix would be to include an IE hack that would let you include an IE stylesheet over the FF one if it's an IE browser

    This can be achieved by adding this to your HTML after calling the original stylesheet:

    
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IE-stylesheet.css" />
<![endif]-->
    Code (markup):
     
    cubicaaron, Sep 8, 2010 IP