#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2004
    Posts
    19
    Rep Power
    0

    Demo site broken in firefox


    Hi I have done two pages and they seem to work fine in IE8 but when I view it in firefox there are a couple of issues:

    link

    On the home page i have a lightbox set up for the polaroids with specific width and height. In IE the div is exact in size but in firefox the div seems to expand beyond the dimensions of the div (a red dotted border is displayed on click)

    On the Products page, the right hand side of the book has products listed in which you hover over and the polaroids will reflect different angled shots of the product that the cursor is over. Each product line is a hyperlink but in Firefox some of these lines are unlinkable whereas in IE there is no problem here! It is the same instance with the sub menu on the left hand page too

    Can anyone point me in the right direction of solving these issues please?
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2004
    Posts
    19
    Rep Power
    0

    Page broken in IE8 compatibility view


    I have managed to get my demo pages working in opera, firefox, chrome and IE8 (latest versions) so far but when the site is viewed in IE7 (compatibility view in IE8) the page is broken.

    link

    Can someone please point out where i am going wrong please?
  4. #3
  5. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    It looks like IE7 is having trouble reading the main stylesheet. I think it might be because of the filter and -ms-filter properties. Try commenting them out and see if it makes a difference.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    721
    Rep Power
    446
    Your rotation code seems to be the culprit, and it seems IE7 wants you to define your filters with sizingMethod last.

    Code:
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9990482215818578, M12=0.043619387365336, M21=-0.043619387365336, M22=0.9990482215818578, sizingMethod='auto expand');
    Try editing that code, or you could export your images as transparent pngs with the rotation already applied.

IMN logo majestic logo threadwatch logo seochat tools logo