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.
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


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

Secure Your Active Directory - April 20, 2017

Active Directory plays a critical role in your company’s IT infrastructure and keeping it secure in today’s hacker-infested world is a must.
Microsoft published 300+ pages of guidance, but who has the time, money, and resources to implement? Register now to find an easier way.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

679 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