CSS not showing properly

[GavinCZA]

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

[apostrophe]

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;
}
}

[GavinCZA]

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

[apostrophe]

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.

[TheDoc]

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.

[Author]

Posts