SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I can not see background image in IE 8

    Could someone help?
    On my website http://www.behaviorrx.com left hand side i have 3 boxes with green headers that are back ground images "CONTACT US", "ATTENTION" AND "SIGN UP....". I can not see these background images on IE8.


    My css syntax:

    .green-box-1, .green-box-2, .green-box-3, .green-box-4
    {
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#FFFFFF;
    width:268px;
    min-height:61px;
    padding-top:55px;
    padding-left:10px;
    padding-bottom:15px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #7AA800;
    margin-bottom:25px;
    margin-left:11px;
    text-decoration:none;
    }
    .green-box-1
    {
    background-image:url(../images/shop-header.jpg) width:280px height:40px;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    }
    .green-box-2
    {
    background:url(../images/sign-header.jpg) ;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    }
    .
    .

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Hm, there is some really weird code being inserted there in IE8: elements like <ignore> etc which I've never seen before. Is this being inserted by JavaScript or something? It seems to have removed the proper styles for those elements.

  3. #3
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are talking about DD_roundies.addRule('.green-box-1,.green-box-2,.green-box-3,.green-box-4','20px'); so, this is to round box corners. Other than that there is nothing more that is being attached by me to css

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    It would be a good idea to remove that and see if it's causing the problem.

  5. #5
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    wau :)

    Wau You are the best I did remove that and now I can see my back ground images Just now I have to make these 1px box borders- corners round just like i have them in Fierfox. Any ideas on that ?

    Thank you very much

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,200
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    You could try some other rounded corner solutions for IE. I've used this one without any problems:

    http://css3pie.com/

    Two others i have bookmarked but not tried are:
    http://dimox.net/cross-browser-borde...unded-corners/
    http://davidwalsh.name/rounded-corners-ie


    Quote Originally Posted by stase View Post
    You are the best
    Ha ha, not by a long, long, looooooooong way. (Stick around here a bit and you'll meet some truly amazing people. )

  7. #7
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    I used your option #3 with javascript. It worked Il looks little choppy but it works

    I checked http://css3pie.com/ and i did ex: http://www.behaviorrx.com/skin/front...e/css/test.php
    but when i implemented to my site it did not work. My files are xml and phtml so maybe http://css3pie.com/ is not working with them. I have to try one more time, http://css3pie.com/ gives more smooth corners

    Thank you smarty


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
  •