Hey, I'm working on this design, and for some reason the left column starting sitting on top of the right column... does anyone know why this is happening? Here is a link to a bunch of browser shots with the problem happening in about half of the configurations.... you'll see what I mean http://browsershots.org/http://www.vidgametesters.com/ Thanks to anyone who can help!
You can't go bug-squashing in CSS until your HTML is valid. Any one of the errors there could be giving any particular browser teh sh*tz. http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0 Second, browser shots is cute but you should try to test as much live in real browsers as possible. Even if you don't have a linux machine, you can test regular Opera on Windows (they generally render the same either way, the big difference being Opera on Ubuntu doesn't have Windows fonts unless specifically downloaded), Safari for Windows, and if you have XP you get IE7 as a stand-alone and IE3-6 as Tredosoft Multiple IEs (sorry, no work in Vista). There are also some CSS errors but mostly I think typos: you have colours listed as #666px I don't think you meant px at the end : ) Also, some background properties: they go like this: background: bgcolour url(blah.gif) position position repeat-setting; so don't list the positions on each side of the repeat-setting, even is most browsers can deal with it okay. I know of at least one problem IE has, where a parenthesis touching one of the positions will cause it to not see the position (can't do url(blah.gif)left center no-repeat... IE won't see the "left" while other browsers will). Get the HTML errors fixed, then see who's still not cooperating, and then we can go bug-squishing. If you don't understand an error, we're here. Also, start from the top of the error list and work down, because errors cascade and often fixing one error can remove a few others at the same time.