Grow your CSS skills. Land your dream job.

pulling out my hair.

  • # April 28, 2008 at 11:41 am

    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.

    box
    # April 28, 2008 at 3:05 pm

    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.

    # April 28, 2008 at 4:05 pm

    Ahh yes, that’s why. Nice find box.

    Code:
    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.

    # April 28, 2008 at 5:04 pm

    wow, thanks everyone.
    i did validate the page in dreamweaver and it came back valid.
    i appreciate your help with this one.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".