CSS is not loading for my site on IE 7for some unknown reason

Discussion in 'HTML & Website Design' started by iloveajax, Feb 16, 2011.

  1. #1
    CSS is not loading for my site on IE7 for some unknown reason. Its working fine for IE8, chrome and mozilla. You can see the website at www.fineartsbaroda.com.
     
    iloveajax, Feb 16, 2011 IP
  2. sebasago

    sebasago Peon

    Messages:
    206
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Not sure if it really makes a different but I've never put the full URL of the location of my CSS file in the href. I usually just do something like this;

    <link href="css/mainstyles.css" rel="stylesheet" type="text/css">
    Code (markup):
    So yours would be;

    <link href="includedfiles/default.css" rel="stylesheet" type="text/css">
    Code (markup):
    Let me know if that works.
     
    sebasago, Feb 16, 2011 IP
  3. AtSeaDesign

    AtSeaDesign Active Member

    Messages:
    172
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    93
    #3
    Looks like there are some bugs in your css

    
    border-top: 1px #111212 solid;
        border-bottom: 1px #B7BEC0 solid;
        border-left: 1px #111212 solid;
        border-right: 1px #B7BEC0 solid;
    margin: 1px #1B1C1C solid;
    
    Code (markup):
    They should all read 1px solid #colorvalue.

    There are some unnecessary spaces in your code, particulary the IE filters in fancybox-ie6

    You have
    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=   '/img/jquery_fancybox/fancy_close.png' , sizingMethod= 'scale' );
    
    
    Code (markup):
    remove the spaces
    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/jquery_fancybox/fancy_close.png', sizingMethod='scale');
    
    Code (markup):
    Test your code via CSS validator. Remember IE is less forgiving than other browsers with broken code.
     
    AtSeaDesign, Feb 16, 2011 IP
  4. iloveajax

    iloveajax Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I tried the relative path but it didnt work that way also..
     
    iloveajax, Feb 16, 2011 IP
  5. iloveajax

    iloveajax Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I tried the relative path but it didnt work that way also..
     
    iloveajax, Feb 16, 2011 IP
  6. iloveajax

    iloveajax Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    "Thank you very much for the CSS Validator" hint. I have been able to solve the issue.
     
    iloveajax, Feb 16, 2011 IP
  7. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #7
    Send us a screenshot what you see on IE7, it looks good at my side of IE7.
     
    radiant_luv, Feb 16, 2011 IP
  8. iloveajax

    iloveajax Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    The issue is resolved by validating the css through the css validator.
     
    iloveajax, Feb 16, 2011 IP