SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Wedding gets trashed in IE8 :-(

    Buongiorno from 8 degrees C wet & foggy Wetherby UK...

    In IE 8 this page www.davidclick.com presents layout problems all of which are illustrated here:
    http://i216.photobucket.com/albums/c...ps4d2c85f0.jpg

    Whilst i am trying to get hold of the original developer It would be great if anyone could spot whats triggering the illustrated issues.

    Thanks in advance,
    David
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,545
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Regarding the menu have you enabled media queries to work in IE8?

    I didn't look at your code yet as I am in a bit of a rush but it looks as though you haven't added media query support with the js polyfill.

    https://github.com/scottjehl/Respond
    http://code.google.com/p/css3-mediaqueries-js/

  3. #3
    SitePoint Member
    Join Date
    Nov 2013
    Location
    Bucharest
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi there,

    You have a mistake on your code, and this is one big mistake:

    Code:
    .am-wrapper:hover .overlayInner {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        padding-top: 0; }
    and should be like this:

    Code:
    .am-wrapper:hover .overlayInner {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        padding-top: 20px; }
    and one more thing, also need to hide/show the "hr" on hover copy/paste the following code

    Code:
    .am-wrapper .overlay hr {
        visibility: hidden;
    }
    .am-wrapper:hover .overlay hr {
        visibility: visible;
    }
    also if you want to have that transparent background you should do some hacks to work in IE8, check the code below

    Code:
    .ie8 .am-wrapper:hover .overlay  {
        background:#000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    }
    I think its a pretty cool callback for IE8.

    For me looks good in IE8 and IE9 ( You had some issues with IE9 also .... )

  4. #4
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Miron,

    Bi thank you for your reply, I'll aplly fixes soon and will post back here for an update :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,545
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by mironcatalin View Post
    Hi there,
    You have a mistake on your code, and this is one big mistake:
    Well spotted

  6. #6
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Big Thank you Bi, your solution has got rid of the odd horizontal klines in IE 8 :-) Thank you so much for taking time out to fix this on my behalf :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  7. #7
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you so much, your solution fixed an onging headache!
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •