Grow your CSS skills. Land your dream job.

CSS not showing properly

  • # May 19, 2009 at 8:53 am

    Hey everyone,

    I did a redesign on a website, added some jQuery slideshow and refined my css a tad.

    Everything worked fine for a while, then all of a sudden, it is not really working as planned.

    Site: http://www.ingwecrafts.co.za

    When viewed in IE 6 and up
    you will see a line seperating the two colums…

    But then, when viewing in firefox it is gone and it acts all weird.

    I have tried using firebug to see where the issue is, but can’t seem to spot it.

    Any help will be great

    # May 19, 2009 at 9:47 am

    I’m on a mac so I’m only looking at your page in IENetrenderer and not really sure what the problem is. You could probaly start by validating your markup http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ingwecrafts.co.za%2F. Also in your stylesheet, on the #LeftContent h3 you have an extra } which is not helping things.

    Code:
    #LeftContent h3 {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 1.0em;
    }
    }
    # May 20, 2009 at 8:51 am

    Hey apostrophe,

    Ok this is the part where I am going to say "Thank you" and then walk away…
    I was looking through that file for hours and some how missed the whole thing. Everything actually started looking like squigles.

    Thank you for spotting that, and sorry for wasting time. lol

    # May 20, 2009 at 9:07 am

    No worries. It happens to us all. :D

    That’s why it’s always a good idea to hit the validators, css as well as html. Validating css is no where near as important as html and certainly not a priority for me, but it can be handy for trouble-shooting.

    # May 20, 2009 at 11:49 am

    It’s actually amazing how much one extra closing bracket can cause so much mayhem. I know that’s been an error I’ve had to look for before.

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

You must be logged in to reply to this topic.

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