page won't scroll

Forum Moderators: not2easy

Message Too Old, No Replies

page won't scroll

overflow auto

ads112001

4:51 pm on Feb 15, 2011 (gmt 0)

Page displays fine in all browsers except ie8 where it won't scroll. Here's my css:

html, body {margin:0; padding:0;}
html {behavior: url(iepngfix.htc); background:#000; height:100%;}
body {background: #000000; /* for non-css3 browsers */ text-align:center; font-family:verdana, arial, Sans-serif; font-size:11px; color:#574B3F; line-height:150%; height:100%;}

#master {background: url('/img/meetings/bg-outerShadow.png') repeat-y top center; width:100%; text-align:left; height:100%; position:relative;}

and some inline styling for a css gradient:

<body style="filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0a0f', endColorstr='#000000', gradientType='0'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9e0a0f), to(#000000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #9e0a0f, #000000); /* for firefox 3.6+ */">

rocknbil

6:10 pm on Feb 15, 2011 (gmt 0)

Is there overflow: hidden set anywhere else? Is there sufficient content on the page to cause it to scroll?

ads112001

6:36 pm on Feb 15, 2011 (gmt 0)

No i just checked and i don't have the overflow set to hidden and there is enough content to cause it to scroll.

ekstrakt

11:29 pm on Feb 18, 2011 (gmt 0)

#master {background: url('/img/meetings/bg-outerShadow.png') repeat-y top center; width:100%; text-align:left; height:100%; position:relative; overflow:auto;}

add overflow:auto;

page won't scroll

overflow auto

ads112001

rocknbil

ads112001

ekstrakt

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week