Hi,
I've put together a css layout and mostly it's behaving well. However I have encountered one problem. The following style is displaying correctly in all browsers I have tested it on except IE for Mac... for some reason in that browser the background image doesn't show up. It does on everything else, can anyone see why?
#ipod_footer{
background-color:#cccccc;
background-image:url("../images/common/footer_bg.gif");
background-repeat:repeat-x;
position:relative;
top:2px;
width:100%;
clear:both;
height:41px;
}
If you want to see the page in context its here (<!-- m --><a class="postlink" href="http://www.djaztek.com/Roehampton/laid.htm">http://www.djaztek.com/Roehampton/laid.htm</a><!-- m -->).
Thanks in advancePlease fix your CSS error. (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.djaztek.com/Roehampton/laid.htm">http://jigsaw.w3.org/css-validator/vali ... n/laid.htm</a><!-- m -->)
You could try removing the quotes from around the background-image's URL.I actually added them to try and fix it. I don't think that's what is but will try it.Nope... but thanks for pointing out the other error. Any other ideas on the background image thing?Have you tried using a margin instead of relative positioning?I have done it in the past... is there any advantage. Relative positioning seems to be working in this case. The background image in the footer, on the otherhand, is failing to show up in IE MacTurns out it was due to underscores in the id and class names. Who woulda thunk it?
I've put together a css layout and mostly it's behaving well. However I have encountered one problem. The following style is displaying correctly in all browsers I have tested it on except IE for Mac... for some reason in that browser the background image doesn't show up. It does on everything else, can anyone see why?
#ipod_footer{
background-color:#cccccc;
background-image:url("../images/common/footer_bg.gif");
background-repeat:repeat-x;
position:relative;
top:2px;
width:100%;
clear:both;
height:41px;
}
If you want to see the page in context its here (<!-- m --><a class="postlink" href="http://www.djaztek.com/Roehampton/laid.htm">http://www.djaztek.com/Roehampton/laid.htm</a><!-- m -->).
Thanks in advancePlease fix your CSS error. (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.djaztek.com/Roehampton/laid.htm">http://jigsaw.w3.org/css-validator/vali ... n/laid.htm</a><!-- m -->)
You could try removing the quotes from around the background-image's URL.I actually added them to try and fix it. I don't think that's what is but will try it.Nope... but thanks for pointing out the other error. Any other ideas on the background image thing?Have you tried using a margin instead of relative positioning?I have done it in the past... is there any advantage. Relative positioning seems to be working in this case. The background image in the footer, on the otherhand, is failing to show up in IE MacTurns out it was due to underscores in the id and class names. Who woulda thunk it?