SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2005
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Side shadow problem

    I am working on this website: http://balt.emotion.lt/ and for the unknown reason the shadow does not extend to the bottom of the content. Applying clearfix hack fixed the problem in Firefox, but not IE. Can anyone drop me a hint what I am doing wrong?

    Thanks.

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

    I assume you mean ie7 as ie6 is alright

    Its because you are using the old version of the clearfix technique and you need to change display:inline-table to display:inline-block instead.

    Code:
    .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     }
     
    .clearfix{display: inline-block;}
    
    /* Hides from IE-mac \*/
    * html .clearfix{height: 1%;}
    .clearfix{display: block;}
    /* End hide from IE-mac */

  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2005
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow! That was extra fast. Yes, I meant IE7 and yes this fixed the problem. Thank you so much.


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
  •