So I have this template, but the copyright in the footer is different in IE then FF. I tried using a hack but it doesn't work. Could someone help please.

http://i93.photobucket.com/albums/l7...ssssssss-1.jpg Thats in FF

http://i93.photobucket.com/albums/l7...ssssssssss.jpg
Thats in IE

The code I used to try and fix it is this.. (Keep in mind copy is the footer P)

.copy {
  
  /*This is the code that IE can see, but the other browsers overide*/ 
  color: #b0cfe1; 
  margin: 4px;
  padding-top: -5px;

}

html>body .copy {
       
       color: #b0cfe1; 
       text-align: center;
       margin: 4px;         /*Display table-cellThis is the code that IE can not see and FF and other browsers can see*/
       padding-top: 6px;
}

i don't really understand why you need a hack for something like that. You can just set the bg with the div then just type that text.

CSS

#footer
{
background: url(image.gif) repeat-x;
height:whatever height;
}

HTML

<div id="footer" align="center"> Copyright text </div>

If you look at the images they are fine horizontally just not vertically. I already have them lined up horizontally correctly like you just posted.

ya i know, but the thing is when you make it like i told you it will display the same in all browsers. And you don't even need a background image, in that design just the height and the width with that color.

Closed