Grow your CSS skills. Land your dream job.

Why is my site not displaying right in Firefox and IE

  • # December 27, 2012 at 11:35 am

    Try changing your background to this for #canvas:

    background: url(images/michael.png”) no-repeat right transparent;

    # December 27, 2012 at 11:40 am

    I think it’s a bit of a mess code wise, I don’t think you’re clearing your floats properly. Read this article by @chriscoyierhttp://css-tricks.com/all-about-floats/

    # December 28, 2012 at 1:21 pm

    you have this on your canvas #canvas
    background: url(images/michael.png) no-repeat transparent;
    background-position-x: right 10px;
    background-position-x: 453px;

    instead try
    background: url(images/michael.png) no-repeat right transparent;

    i am guessing the multiple background-position-x plus the fact that one has 2 values in it would be your problem. Chrome is letting messy code slide where FF and IE are saying “you’re doing it wrong”

    # December 28, 2012 at 1:22 pm

    oh ha. My bad for some reason I completely ignored the big black box with the answer in it. But yeah jkinney768 has it.

    # December 28, 2012 at 3:36 pm

    Thanks guys!! Didn’t even notice that I had multiple background-positions

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

You must be logged in to reply to this topic.

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