hello everyone, i am in seirous need of some help here. i inherited this site from another designer and im just trying to fix a few bugs in it and i came across one i just cant understand.. http://www.allwesthomes.net the big blue logo in the top left corner does not display in firefox or opera, but it displays just fine in safari and even IE. ive been playing with it for a while, but i cant figure it out. anyone got any ideas?? thanks a million in advance.
try swapping on div#logo where you have "top 10px" for "10px top" - this allows the logo to show and in the right position. It's curious though that Firefox seemed to completely ignore the image otherwise.
i inherited this site from another designer and im just trying to fix a few bugs in it and i came across one i just cant understand..
http://www.allwesthomes.net
the big blue logo in the top left corner does not display in firefox or opera, but it displays just fine in safari and even IE.
ive been playing with it for a while, but i cant figure it out.
anyone got any ideas??
thanks a million in advance.
div#logo {background: url('../images/logo.gif') top 10px no-repeat;
height: 348px;
width: 182px;
margin-left: 6px;
}
The background line there is not valid. Instead of "top" try "0px".
If you validate the CSS (Using something like http://xhtml-css.com/), it did turn up that error.
i did validate the page in dreamweaver and it came back valid.
i appreciate your help with this one.