homepage Welcome to WebmasterWorld Guest from 54.167.10.244
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
IE7 rendering page differently on different computers
PhotoJoe




msg:3697348
 2:43 am on Jul 13, 2008 (gmt 0)

I have had to learn to work around different browsers, around different versions of the same browsers. But now I'm finding that the same version of the same browser (IE7) is displaying a page differently on different computers.

I'm just finishing a online CSS course. For my final project (using a fluid layout) I was required not to have a horizontal scroll-bar for view port above 800px wide. I completed my project and had no scroll-bar for view port above about 400px wide. I have 3 different browsers on my computer; IE7 FF2 and Safari 3.1 and they all looked the same. But my instructor said I had scroll-bar at 1280x960 screen resolution with IE7 and she sent me a screen shot. A fellow student said he didn't see any scroll-bars at any resolution for IE7 either. From looking at her screen shot my vertical menu had space between each menu item. Like there was some top/bottom padding/margin values had been set. Also a bottom border was sticking out past right border. Very weird.!

I did a Google search (css IE7 laptop) and found that others were also having problems with IE7 displaying web pages differently on different computers. But I didn't see any answers as to why this was happening and how to fix it.

So I'm hoping that someone on this forum could explain this to me.

PhotoJoe

 

SuzyUK




msg:3697402
 7:19 am on Jul 13, 2008 (gmt 0)

Hi PhotoJoe and Welcome to WebmasterWorld!

don't know as I can help any.. my question would be what Operating Systems are they using?

I have heard that IE7/Vista can render unexpectedly different than IE7/XP/2000 etc

The whitespace in lists (spaces in your vertical menu) has been a sporadic IE problem since IE5, it appears in some versions though has different triggers, whitespace in the HTML (or HTML comments) is sometimes a factor.. if it turns out to be a different OS that's causing it to come back in IE7 then I'd try a look for the usual fixes.

the horizontal scroll is very likely also one of IE's positioning things, i.e. are you using a negative text-indent or negative left/right position for any of your effects?

again it's ODD, but IE7 was always a transition and if Microsoft did have to tweak it for Vista then I don't think there's much can be done seeing as Vista itself and CSS Support for IE8 are very much in limbo.. and without access to two testing platforms it would be hard to troubleshoot. (I'm sticking with my XP for now!)

perhaps refining your search to something like [IE CSS difference Vista XP] will throw some more light?

anyway it sounds to me like your tutor shouldn't fail this assignment as you've obviously checked your stuff, IMHO anyway, especially if it turns out to be a OS problem!

Good Luck and let us know if you track the problem

[edited by: SuzyUK at 7:21 am (utc) on July 13, 2008]

PhotoJoe




msg:3700828
 2:45 pm on Jul 17, 2008 (gmt 0)

I finally got my project to pass for my instructor. Here is a quote from the message I sent with my project.


As I stated earlier I can't see the problem so I don't know if I fixed it. But I took a SWAG at it and made a couple of changes in my CSS. In the body selector I changed the margin rule from margin: 0 10%; to margin:0; dropping the 10% left and right margin. In the div#Wrapper selector I added a width/value rule of width: 90%; I still have no horizontal scroll-bar at 800 x 600 in all three of my browsers. But maybe this fixed it for your copy of IE7

Here is a copy of part of my css code.


body
{
margin:0;

font-family: 'Comic Sans MS', Verdana, Sans-Serif;
font-size: 1.6em;
color: black;
background-color: white;
}
div#Wrapper
{
border: solid 0.36em blue;
margin: 0 auto;
width: 90%;

I'm trying to get my fellow students to answer a survey. I have posted both copies of my final project web page one copy of the page that caused the horizonal scroll bar for my instructor and the other that did not show horizonal scroll bar. So far I only got a couple of responses but no one has seen the scroll bar in question on either copy.

I wish I could post the links here. But maybe some one could point me to a forum where I could do that.

Thanks,
PhotoJoe

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved