Hi there - having reports back from PC users using Internet Explorer that my website

http://www.villagetweet.co.uk

is half off the screen to the right. It displays fine on macs in every browser I've tried (incl the Mac version of IE) but this is obviously a serious problem.

I've tried adjusting the code to align left/centered/right and they all take effect on a mac, but not on the PC? Is the command clashing with the CSS coding somewhere?


Any help would be greatly appreciated because I'm stumped.

First of all, there is no point in checking in IE for the Mac, it's a completely dead browser.

The next question then is, what VERSION of IE shows the problem?

Even in Firefox, you've got a fairly large horizontal scroll going on.
Ok, there is no such tag as <left> -- we can't make up our own tags - unless you're using XML
You don't need the nasty, deprecated <center> tag either, centering is what CSS is used for.

You've got <div>'s inside tables-- that's just pointless and in your case, invalid.
You need to validate your code and correct the many html errors.
You've also got an image that is more than 1400px wide.. so of course you're going to get a lot of horizontal scrolling.. except for people using resolutions higher than 1280x1024.

Cheers!

Not entirely sure what version of IE it's been tested on but I it's IE 8 and below. Haven't been able to test it on the new IE

Is there an easy way to apply a new css rule that can over-ride the positioning and get it to sit to the left (or ideally) properly centred on the page? And to get rid of the <left/> tags etc.

Web design (quite obviously) isn't my forte so need it to be explained basically.

Is the problem because of the background image? It's an image with a gradient that I've set to stretch with the browser window.