dschmitz
16 Nov 2010, 10: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;
}
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;
}