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.

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 ...
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

762 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now