Scrolling IE 6 not working

February 20, 200818 yr

I have a webpage which works perfectly in all browsers. The only problem i have is in IE 6 ! In this version of IE the scrolling of text does not work. Can anyone help me out here? It looks simple, an automatic scrollbar when the screen is too little to display the text in IE 6.

Link to a testpage: http://amazon.110mb.com/test.html

Here is the css:

CSS

@charset "utf-8";
/* CSS Document */
/*-------structure-------*/
body,
html {
	margin:0;
	padding:0;
	background:#a7a09a;
	height: 100%; 
	font-family: Arial, Helvetica, sans-serif;
}

body { 
margin:0; 
padding:0; 
height:100%; 
} 

#wrap {
	background-image: url(images/bgmain.png);
	margin:0 auto;
	width:870px;
	position: relative;
	min-height: 100%;
	height:auto !important; 
	height:100%;
	overflow:auto;
}

#subnav {
	float:left;
	width:170px;
	margin:0;
	padding:0;
}


#content {
	float:right;
	width:380px;
	margin:0;
	padding:80px 40px 0px 0px;
}


#header {
	height: 50px;
}

#foto {
	position:absolute;
	width:300px;
	height:200px;
	left:100px;
	top:285px;

}

#footer {
	position: absolute;
	bottom: 0; 
	clear:both;
	margin-left: 125px;
	color:#cccccc;
	font-size:11px;
}

a.footer:link, a.footer:visited {
	color:#ffffff; 
	text-decoration:none;
}

  a.footer:hover {
	color: #ffffff; 
	text-decoration:underline;
}

/*-------text-------*/

h1 {
	color:#0d527a;
	text-align: left;
	font-size: 18px;
	padding:0;
}

h2 {
	color:#161617;
	font-size: 14px;
	padding:0;
	}

p  {
	font-size: 12px;
	color:#161617;
	margin: 0px;
	line-height: 20px;
	}

ol  {
	font-size: 12px;
	color:#161617;
	line-height: 20px;
	}

.ulstand  {
	font-size: 12px;
	color:#161617;
	line-height: 20px;
	}


.bold  {
	font-size: 12px;
	font-weight:bold;
	color:#161617;
	margin: 0px;
	line-height: 20px;
	}

.italic  {
	font-size: 12px;
	font-style: italic;
	color:#161617;
	margin: 0px;
	line-height: 20px;
	}

.small  {
	font-size: 10px;
	color:#161617;
	margin: 0px;
	line-height: 20px;}

.italic02  {
	font-size: 12px;
	font-style: italic;
	color:#0d527a;
	margin: 0px;
	line-height: 20px;
	}

/*-------left menu-------*/

#menu {
	float:left;
	width:170px;
	margin:0;
	padding:0px 0px 0px 0px;
	font-size: 13px;
}

.left {
	text-align: left;

}

.right {
	text-align: right;
}


ul {
margin: 5px 0 0 0;
padding: 0;
list-style: none;
width: 170px;
}


ul li {
position: relative;
}


li ul {
position: absolute;
left: 170px;
top: -5px;
display: none;
}

ul li.right a {
display: block;
text-decoration: none;
margin-right: 3px;
padding: 5px;
color:#ffffff;
}

ul li.left a {
display: block;
text-decoration: none;
margin-left: 3px;
padding: 5px;
color:#161617;
}

li:hover ul, li.over ul { 
display: block; 
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #69658c; } /* Hover Styles */
ul li.right .currentleft { color: #69658c; } 

/*-------top menu-------*/

#topmenu {
	position: absolute;
	top:55px;
	left:285px;
	width:400px;
	margin:0;
	padding:0;
	font-size: 13px;
}	

.ultop {
margin: 0;
padding: 0;
list-style: none;
width: 400px;
}

.ultop li {
float:left;
}


li .ultop {
display: none;
position: absolute;
left:0;
}

li > .ultop {
top: auto;
left: auto;
}


.ultop li a {
display: block;
text-decoration: none;
margin-right: 0px;
padding: 5px;
color:#161617;
background: url(images/lees.png) no-repeat right;
}

li:hover .ultop, li.over .ultop { 
display: block; 
}

/* Fix IE. Hide from IE Mac \*/
* html .ultop li { float: left; height: 1%; }
* html .ultop li a { height: 1%; }
/* End */

.ultop li a:hover { color: #69658c; } /* Hover Styles */
.ultop li .currentleft { color: #69658c; }

<!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></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript" src="scripts/drop_down.js"></script>
<link href="master.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrap">
<div id="header"><img src="images/logo.png" alt="" /></div>
<div id="foto"><img src="fotos/09.jpg" width="300" height="200" /></div>
<div id="topmenu">
 <ul class="ultop"> 
<li><a href=".html" class="currentleft"></a></li> 
<li><a href=".html"></a></li>
<li><a href=".html"></a>
	  <ul class="ultop"> 
	<li><a href=".html"><a></li> 
	<li><a href=".html"></a></li> 
  </ul></li>
<li><a href=".html"></a></li>
<li><a href=".html"></a></li>
 </ul>
</div>
<div id="menu">
 <ul id="nav"> 
<li class="right"><a href="#"></a> 
  <ul>
	<li class="left"><a href=".html"></a></li> 
	<li class="left"><a href=".html"></a></li> 
	<li class="left"><a href=".html"></a></li> 
  </ul> 
</li> 
<li class="right"><a href=".html"></a></li>
<li class="right"><a href=".html"></a></li> 
<li class="right"><a href="#"></a>
   <ul>
	<li class="left"><a href=".html"></a></li> 
	<li class="left"><a href=".html"></a></li> 
  </ul> 
 </ul>
</div>

<div id="content">
 <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce fringilla. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus pharetra felis a lacus. Nulla molestie hendrerit massa. Phasellus pulvinar metus sit amet erat. Suspendisse hendrerit. Nunc blandit tempor odio. Pellentesque faucibus lacinia nunc. Nulla sit amet ipsum non risus condimentum suscipit. Proin odio quam, sodales sit amet, lacinia at, consectetuer at, orci. Curabitur vitae nisi sed justo pharetra molestie. Vivamus quis tortor eget enim ultrices ornare. In hac habitasse platea dictumst. Proin imperdiet laoreet tortor. Donec blandit, odio vitae mattis mollis, nunc arcu scelerisque mauris, et volutpat lorem lacus at erat. Donec mollis ligula vitae felis. Nunc nonummy massa quis quam. Vivamus faucibus interdum metus. Maecenas non turpis ut velit pretium dictum. 

Morbi sapien velit, pellentesque non, mollis a, adipiscing id, augue. Ut dignissim aliquam diam. Quisque ipsum odio, vehicula non, hendrerit sed, imperdiet quis, felis. Nulla sit amet justo. Pellentesque lobortis. Vestibulum vel libero vel tellus aliquam condimentum. Cras pharetra ligula vel elit. Aenean mattis. Vestibulum congue arcu non nisi. Curabitur tellus lorem, consequat auctor, placerat at, mattis eget, justo. Vestibulum libero. Vivamus accumsan porttitor augue. Maecenas euismod sem. Duis nec urna sollicitudin nunc porttitor cursus. Nullam sed magna. Etiam quis ligula sed nulla venenatis placerat. Integer pretium purus vitae nisi. 

Proin luctus felis vitae arcu. Proin eu erat nec dolor accumsan fermentum. Mauris dolor. Quisque aliquam pharetra elit. Nullam pharetra dapibus orci. Nulla facilisi. Curabitur facilisis. Donec eu sem at metus consectetuer bibendum. Morbi suscipit, risus sit amet eleifend tincidunt, tortor purus vestibulum metus, eget condimentum magna est ut magna. Proin nisi. Phasellus non nisi. Nulla ut neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pede sapien, nonummy ut, lacinia ultricies, eleifend blandit, metus. Sed faucibus vestibulum pede. Etiam laoreet pede eu nibh. 

Sed varius molestie quam. Quisque mollis. Sed sed ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis sodales nisi. Nunc egestas. Nunc tincidunt condimentum dolor. Nulla facilisi. Sed varius tempus orci. Curabitur rhoncus. 

Fusce eleifend pellentesque arcu. Integer et odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut purus eu libero faucibus luctus. Donec accumsan fermentum arcu. Donec nec nunc. In et leo et libero porta faucibus. Maecenas at mi eget ante accumsan lobortis. Integer ut libero id nunc viverra eleifend. Morbi mollis, eros ullamcorper dictum vulputate, velit elit aliquam leo, placerat porttitor nulla mi et mi. Aenean ultrices mi sed tellus. 
 </p>
</div>

<div id="footer">
<a href=".html" class=""></a><p><br />
</p>
</div>
</div>
<div style="display:none">
</div>
</body>
</html>

Scrolling IE 6 not working

Featured Replies

Create an account or sign in to comment

Recently Browsing 0

Member Statistics

Forum Statistics

Join WDF

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)