Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: not2easy
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.
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]
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.
font-family: 'Comic Sans MS', Verdana, Sans-Serif;
border: solid 0.36em blue;
margin: 0 auto;
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.