|
|
|
Newbie
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.
PHP Code:<body>
<div id="wrapper">
<div id="text"><p>TEXT TEXT TEXT</p> </div>
</div>
</body>
Code: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; }
Established Member
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.
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.
Posting Permissions
Reply With Quote