960 problem

[DeathStarDarth]

Hello all.

I've just started learning to code because I recently started a business and needed a website. I'm having a few issues.

I'm using the 960 Grid System plus a scroller found at queness.com (http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery)

The page renders fine in Firefox (Mac & PC) Safari (Mac & PC) IE 8 and Chrome.

IE 6 is screwed beyond understanding.

IE 7 Pushes me off the screen and links don't work.

And Opera squeezes my text together.

I have screen shots if necessary.

Here is a link to the site in question: ohmyyoga.com (http://ohmyyoga.com/)

I inserted a redirect script for IE 6-7. So you'll be redirected to my old site if you try the regular URL from either of those browsers. For the purposes of this, I've copied the site W/O the redirect.

The link is test2.ohmyyoga.com (http://test2.ohmyyoga.com/)

The site validates CSS and XHTML. I'm sure it's something super simple. I'm just brand new to all of this. Any help would be appreciated.

I will include code if needed.

Cheers

[simcomedia]

Honestly i'd ditch the 960 Grid. You don't have a complicated layout so just use standard CSS coding with container div's.

The problem you're having is the positioning of everything and the way the margins are being set.

From first look you have a header, a center, the content area divided into two columns and a footer. It's not a hard layout just to hand code, honestly.