1440x900 Display + IE = Carnage

[Dracoy]

I am currently developing a website.

One of the companies computers works at 1440x900. (http://en.wikipedia.org/wiki/WSXGA_Wide_XGA%2B)

Under this view:

http://www.dracoy.com/rita

The contact roll over shifts to under the other buttons and screws the layout.

It works in other resolutions/browsers.

Any idea?



Hopefully you guys can shed some light thanks!

[deathshadow]

My gut wants ot say that it could be the 1440x900 user has the fonts set to '120dpi/large fonts' - but you are declaring font-size:12px in html, body CSS so that's REALLY unlikely unless you are falling back on EM or % widths someplace. Hmm, Wait, you are using FONT tags?!? with the SIZE attributes. There's your beast.

Ok, the HTML is a total train wreck... as are the 200+K in images for that top menu (with absurdly high jpeg artifacting). You might want to try gettting the code to validate first, and try using HTML that matches your doctype. It's defined as XHTML 1.0 strict, but you are using FONT tags and not closing all your tags.

That and you are using table containers for elements that just don't need to be in tables.

My advice - chuck it and start over with a new template... If I have some time later today I'll take a stab at giving you a 'workalike' example.

[Dracoy]

Hey thanks for the help I made a quick workaround using the overflow function.

Thanks!

[StuckRUs]

It takes ages to load and I'm on fast broadband.

The flagmid.gif is only 7kb whereas the nav bar comes to a massive 175kb just for the ON images. If the off images are the same then that's 350kb. You really need to do something about that.

You also have the alt text for all of them set to "Home".

[Dracoy]

Thanks for tips. WIll try to do something about those.