Scrolling problems in IE 5

liunx · Jan 11, 2008

Okay, the page in question is:

<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/Furcadia.buxy.html">www.Furnation.com/Mister_Initial_Man/Furcadia.buxy.html</a>

The CSS will not let the right section scroll at all in Internet Explorer 5 (works in IE 6, though.)

The following is my CSS:

body, html {
height : 100%;
max-height : 100%;
overflow : hidden;
padding : 0;
margin : 0;
border : 0 none inherit;
background: #000000;
color: #ff0080;
}

#content {
overflow : scroll;
overflow-x :hidden;
position : absolute;
top : 0px;
bottom : -17px;
left : 130px;
right : 5px;
z-index:1;
padding: 5px;
border-left: 1px solid #00ffff;
}

* html #content {
top:0px;
margin-left: 0px;
padding-top: 5px;
padding-bottom:5px;
padding-right:150px;
padding-left:5px;
bottom:0px;
height : 100%;
max-height : 100%;
position : absolute;
z-index:1;
width:100%;
}

#chars {
position:fixed;
left:5px;
padding:0px;
width:130px;
margin-top:25px;
}
#chars ul{
font-family:Times New Roman, Courier, Serif;
font-size:1.5em;
text-align:center;
}
#chars li{
margin:0;
margin-top:7px;
margin-bottom:7px;
padding:0;
}
li#current{
margin-top:10px;
margin-bottom:10px;
}
a{
font-weight:lighter;
margin:0;
padding:0;
}
a:link{
color: #A000A0;
}
a:visited{
color: #FFFF00;
}
a:hover{
color: #FF00FF;
}
a:active{
color: #FFFFFF;
}
.home a{
background:#00ffff;
color:#0000ff;
border:2px solid #0000ff;
padding:3px;
}
#current a{
background:#ffff00;
color:#ff0000;
border:2px solid #ff0000;
padding:3px;
}
#description{
width:528px;
margin:0 auto;
border:1px solid #ffff00;
}

#leftpic{
border-right:1px solid #ffff00;
width:107px;
text-align:center;
float:left;
height:250px;
}
#leftpic img{
margin-top:70px;
}#stats{
margin-left:108px;
width:300px;
padding-left:5px;
padding-right:5px;
height:250px;
text-align:center;
}
#rightpic{
border-left:1px solid #ffff00;
width:107px;
text-align:center;
float:right;
height:250px;
}
#rightpic img{
margin-top:70px;
}
#furcdesc{
border-top:1px solid #ffff00;
padding:5px;
text-align:left;
}
#online{
margin:20px auto;
width:200px;
text-align:center;
border:2px solid #6600ff;
padding-top:20px;
padding-bottom:20px;
}
table{
margin:0 auto;
margin-top:20px;
border:1px solid #00ff00;
border-collapse:collapse;
color:#00ff00;
background:#004000;
}
caption{
padding-top:7px;
padding-bottom:8px;
font-size:1.4em;
width:206px;
}
th, td{
text-align:center;
}
th{
border-bottom:2px solid #00ff00;
}
td{
width:100px;
padding:5px;
}
h1{
font-family:Times New Roman, Serif;
font-size:2.0em;
border:2px solid #00aaff;
padding:2px;
color:#ff00ff;
background:#000088;
}
h2{
font-family:Times New Roman, Serif;
font-size:1.5em;
border:1px solid #00aaff;
padding:2px;
color:#ff00ff;
background:#000088;
}
#copywrite{
font-style:italic;
color:#ff00cc;
text-indent:0;
text-align:center;
font-size:1.1em;
}

Mozilla and associated browsers are not a concern, since I've got a mirror site for them.You link takes me to a search results page of some sort: <a class="postlink" href="http://www.fursearch.com:8000/query.html?qt=Mister_Initial_Man%20Furcadia">http://www.fursearch.com:8000/query.htm ... 20Furcadia</a>

Crap! Here's the actual URL! Sorry about that.

<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/Furcadia/buxy.htmlThe">www.Furnation.com/Mister_Initial_Man/Fu ... xy.htmlThe</a> page doesn't seem to come up at all in IE/Mac.

Oh, joyous...

*Sighs.* All I have to test it is IE6. I know someone else with IE/Mac said she had the same problem with the site.

Do these pages come up at all?

<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/index2.html">www.Furnation.com/Mister_Initial_Man/index2.html</a>
<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/Library/main.html">www.Furnation.com/Mister_Initial_Man/Library/main.html</a>
<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/Library/search.html">www.Furnation.com/Mister_Initial_Man/Li ... earch.html</a>
They have different layouts.

I'm also wondering if it could be the doctype...
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Originally posted by Mr Initial Man
Do these pages come up at all?

<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/index2.html">www.Furnation.com/Mister_Initial_Man/index2.html</a>
<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/Library/main.html">www.Furnation.com/Mister_Initial_Man/Library/main.html</a>
<a class="postlink" href="http://www.Furnation.com/Mister_Initial_Man/Library/search.html">www.Furnation.com/Mister_Initial_Man/Li ... earch.html</a>
They have different layouts. They look fine.

Originally posted by Mr Initial Man
I'm also wondering if it could be the doctype...
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> It's possible.

Try it on Transitional and I'll take a look for you.www.Furnation.com/Mister_Initial_Man/Furcadia/buxy-2.html

That's using a Transitional DTD

Scrolling problems in IE 5

liunx

Guest