Solved

Problem Hiding Disabled Vertical Scrollbar in IE7

Posted on 2009-04-01
4
806 Views
Last Modified: 2012-05-06
I'm trying to hide the disabled vertical scroll bar to unify the appearance of the web page regardless of whether it's viewed in IE7 or FF3.

If I put 'html { overflow: auto; }" in the head of the html sheet it works.  

However, as part of trying to eliminate cross-browser issues, I'm trying to use a global reset css style sheet.  Why does placing the same 'html { overflow: auto; }" statement not work when it's placed at the bottom of the referenced stylesheet (attached).

ps.  I commented it out of the html head in the attached code to illustrate.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index.html</title>
 
<link href="../css/global_reset_mgq.css" rel="stylesheet" type="text/css" />
<!--<style type="text/css">
html {
overflow: auto;
}
</style>-->
 
</head>
 
<body>
 
<h1>this is h1</h1>
<h2>this is h2</h2>
<h3>this is h3</h3>
<h4>this is h4</h4>
<h5>this is h5</h5>
<h6>this is h6</h6>
 
<p>this is p</p>
 
<div style="border: 1px solid black;">this is a plain div with a border around it</div>
 
</body>
</html>

Open in new window

global-reset-css.txt
0
Comment
Question by:qeng
[X]
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
4 Comments
 
LVL 13

Expert Comment

by:qwerty021600
ID: 24047916
Because HTML renders CSS the way they are placed as HTML is the starting Tag so it's better to define it properties initially. As we do when we call Script in a page. It's always advisable to use <script> tag in the head section. Same goes for HTML tags as well.
0
 
LVL 42

Accepted Solution

by:
David S. earned 200 total points
ID: 24052191
Odd. It seems to work fine here. Are you sure the path to the stylesheet is correct?
0
 
LVL 75

Assisted Solution

by:Michel Plungjan
Michel Plungjan earned 50 total points
ID: 24066106
Querty: I think the browser scans the whole document for styles and applies them all in order to all parts of the document.
0
 

Author Closing Comment

by:qeng
ID: 31565453
Thx Kravimir.  Not sure if you see my last post when you get this or not but I'd goofed-up the path as you suspected.  The location and order of the rule in this case is irrelevant.
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
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…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

630 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