Different displays of the page on different monitors

Posted on 2007-03-29
Last Modified: 2010-04-09
The display of the Page I am developing is okay on my laptop on all browser. On my other computer mit flatt monitor just in IE, not in Firefox etc. on other pages than the start page the Links and the content are shifted down! This also happens by another person who is testing the page. She also has a flat monitor and just in IE can't see the pages correctly. This is the url of the page: The only difference between the start page and the rest is the <Div> tag, which contains the pictures.
Would be very greatful for any help. thanks  
Question by:Shareece
LVL 16

Expert Comment

ID: 18816029
What exactly is different when the other person tests it? How does it look different? Are you both using the same versions of the browser?
Is the screen resolution different?

Author Comment

ID: 18816214
In the other person's computer are also the menus on the left of the page and the actual content shifted downwards, like my PC. I am not sure which browse is she using, but me myself am using the same version of WinXP on my laptop and my PC. and the only difference I can find is the kind of the monotor. Really extraordinarily! I can't understand it! thanks

Expert Comment

ID: 18816898
Hi Shareece, what exactly do you need help with?
If you are experiencing some weird rendering and want to get it fixed, we need to know the specifics so we can reproduce.
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.


Author Comment

ID: 18817357
Hello klykken, what I need is just fixing this problem so that the page works correcly in all common browsers and systems, even the reason of this problem to fix it. I haven't still installed the latest updates of XP on my other PC. But I think many people don't do it also. This page has to go finally online on monday. And it must work! I am really helpless ...
LVL 50

Expert Comment

by:Steve Bink
ID: 18818997
I've looked at the page in several resolutions but do not see any differences even down to 640x480.  An example of what is going wrong would be mighty helpful in this regard.

I do not believe your issue is related to the type of monitor.  User agents render HTML based on certain style properties and overall screen resolution...both are software controls.  You may get slightly different colors from one monitor to the next, but the rendering differences are more likely due to differences in the browsers being used.

From your basic description, this sounds like the IE clear bug, but that is only a guess.  Please provide more information on what is going wrong.

Expert Comment

ID: 18819218
This is a CSS problem, not a monitor problem.  Try zeroing out your margins and paddings in the content section to see if that changes things for you.

Author Comment

ID: 18822298
Thanks for the answers. I have put a screenschot of the page in another computer hier: This is the way that the page is displayed in my pc and unfortunately on clients computer too.
I think it is better for me to repromgramm the page completely.  Woul be greatful for some hints about the programming of this page? What could I do better or more correct for such a layout? Is that better to put all the Divs within each other? I mean a main div and header and footer etc. within it?
With thanks and regards

Author Comment

ID: 18822332
Okay, I think the older versions of IE have a problem with <div id="picts">, the div which contains the small pictures on the top of the page. I put the 4 pictures also on the start page, and this downward shift happened to this page too. Is there a solution for this problem? Something like: <!--[if lte IE 6]><style>#picts ....

Accepted Solution

fuzzboxer earned 500 total points
ID: 18823035
Good find.  Unfortunately, IE adds extra width to floats and you would need to apply "display:inline;" to the proper floated divs.

However, your code is a mish-mash of invalid markup.  I noticed you had classes and IDs of the same name.  If you are willing, I would suggest adapting your code to anyone of these layouts:

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question