Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


Different displays of the page on different monitors

Posted on 2007-03-29
Medium Priority
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: www.sichtart.at/index2.html. 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
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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.
Technology Partners: 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 51

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: http://www.sichtart.at/html/test.html. 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 2000 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: http://www.code-sucks.com/css%20layouts/

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

730 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