Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Nov 2002
    Posts
    567
    Thanks
    2
    Thanked 4 Times in 4 Posts

    Hiding the IE built in vertical scroll bar.

    I've done this. I just can't seem to repeat the process. I don't want IE's vertical scroll bar. I have tried overflow:hidden, overflow:none and can't seem to kill the scroll bar. I'll handle it myself with a div and set the overflow on that. Here is my html and css.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<title>Positioning Divs With CSS</title>
    	<link rel="stylesheet" type="text/css" href="divstyles.css" />	
    </head>
    <body>
    <div id="overwrap">
    	<div id="header">
    		<div id="logo">This is my logo</div>
    		<div id="company">This Is My Company Name</div>
    		<div id="motto">This is my company's motto.</div>
    		<div id="othertop">The rest of the header</div>
    	</div>
    	<div id="navigate">Navigate here</div>
    	<div id="maincontent">My main content</div>
    </div>
    </body>
    </html>
    Code:
    body{
    	margin:0;
    	padding:0;
    	background-color:#FF66FF;	/* pink */
    	overflow:hidden;
    }
    
    div#header{
    	position:absolute;
    	top:0;
    	left:0;
    	height:10%;
    	width:100%;
    	background-color:gray;
    }
    
    div#logo{
    	position:absolute;
    	top:0;
    	left:0;
    	height:100%;
    	width:15%;
    	background-color:blue;
    	/*border:medium solid green;*/
    }
    
    div#company{
    	position:absolute;
    	top:0;
    	left:15%;
    	height:60%;
    	width:70%;
    	background-color:green;
    }
    
    div#motto{
    	position:absolute;
    	top:60%;
    	left:15%;
    	height:40%;
    	width:70%;
    	background-color:limegreen;
    }
    
    div#othertop{
    	position:absolute;
    	top:0;
    	left:85%;
    	height:100%;
    	width:15%;
    	background-color:magenta;
    }
    
    div#navigate{
    	position:absolute;
    	top:10%;
    	left:0;
    	height:85%;
    	width:15%;
    	background-color:beige;
    }
    	
    div#maincontent{
    	position:absolute;
    	top:10%;
    	left:15%;
    	width:85%;
    	height:85%;
    	background-color:#00FF99;
    	overflow:auto;
    }
    Scott Stewart
    Always happy to learn from pros.

  • #2
    Regular Coder
    Join Date
    Nov 2002
    Posts
    567
    Thanks
    2
    Thanked 4 Times in 4 Posts

    Solved

    OK The hidden parameter has to be in the HTML tag, not the body tag.
    Scott Stewart
    Always happy to learn from pros.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •