PDA

View Full Version : a scroll bar for a long text not showing



dschmitz
16 Nov 2010, 09:25 PM
my TEXT TEXT TEXT is much longer than a screen height, but i dont get a scroll option in any browser. the text is clipped. how can i wrap it into a div to enable scroll down?

thanx in adv.



<body>

<div id="wrapper">

<div id="text"><p>TEXT TEXT TEXT</p> </div>

</div>

</body>




body {
background: #111 url(../images/bg.jpg) no-repeat left top fixed;
position: relative;
}


#wrapper {
background:url(../images/pattern.gif) repeat;
width: 100%;
height:100%;
position:fixed;
z-index: 100;
}


#text {
margin-top: 30px;
margin-left: 20px;
height:auto;
}
#text p{
font-family: 'Arial Bold',Arial,sans-serif;
font-size: 16px;
letter-spacing:-0.5px;
padding:0px;
border:none;
color: #fff;
text-decoration: none;
}

Wickham
17 Nov 2010, 01:04 PM
EITHER
Delete position: fixed in #wrapper (I'm not sure what good that's doing as the wrapper will always start from the top left corner and be effectively fixed without needing to code it as fixed).

OR

Keep the position: fixed and add overflow: scroll; to the #wrapper style.