Web page results XP vers Vista

I designed a website for a customer last year.  Everything was fine until he upgraded to VISTA.  Now the webiste pages are all mis-aligned.  Has anyone else experienced this?
rdavidcAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

NickVdCommented:
Far too many times.  Far far too many times :(

Without knowing much, much more information, the problem is probably caused by the new version of Internet Explorer.  IE7 fixes a lot of the rendering problems that IE6 had, as a result, pages that relied on those problems will be broken in the new version of the browser.  Unfortunately, without seeing the site, I can't tell you how to fix it, other than it will require you to determine what precisely is different between the browsers and test test test.

If you post the url of the website in question, I will have a much greater chance to help you fix the problem.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
rdavidcAuthor Commented:
if you are using vista (which I am not) you should see what happens here:  http://www.appaf.org/
0
rdivilbissCommented:
Well bad news, it is broken in FireFox 2 as well.  IE7, while not fixing all CSS issues, made some improvements.  It also does not render the body correctly in IE 6 on XP Pro SP2.

95% of the time if it works in FF or Opera it will work in IE, unless you are using some bleeding edge CSS 2.1 stuff.

You need to redesign and get rid of all that position:absolute stuff.  It will never render cross browser like that.

Sorry for the bad news.

You need to wander over to glish.com and get a decent two column with header and footer cross-browser CSS template, then reinsert your content.
0
scrathcyboyCommented:
You are using absolute position of the gray frame elements, and it is not working in Mozilla, Firefox, SeaMonkey, or IE7 (Vista).  This is a COMMON PROBLEM with absolute positioning of elements when you test in only ONE platform, like IE6 (XP).

Start debugging by putting every absolute positioning element into its own <DIV> container.  This will help force it not to overlap with the above / below text.  That is only a start, but it will help the other browsers interpret what you are trying to do better.

BTW -- you page is simple enough, you don't need absolute positioning.  Just get rid of it, make a basic table layout for the entire page, and the problem will IMMEDIATELY disappear.
0
ahoffmannCommented:
you're using absolute positions (as already said) and pixel sizes. Doing it that way you have to provide a style sheet for each and every borwser and browser version. I'd guess that you better send a image or pdf if you need to rely on pixel graphics. Otherwise change your layout to relative values like ex and em.
A simple method to check if your layout is mainly relative, just change the font size (lets say +200% and -200%), if that shows all you want to are mainly done.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.