slj90 Posted April 25, 2014 Share Posted April 25, 2014 The 'content' div is taller than the page but no scroll bar appears. Please help. <style> body{ background-color:ffaaf5; } #title { background-color:ffffff; height:8%; width:29%; left: 35%; top: 5%; position:fixed; border-radius:25px; padding:1%; text-align:center; } #nav1 { background-color:ffffff; height:8%; width:49%; left: 25%; top: 20%; position:fixed; border-radius:25px; padding:1%; text-align:center; } #content { background-color:ffffff; height:80%; width:79%; left: 10%; top: 35%; position:fixed; border-radius:25px; padding:1%; text-align:center; } </style> <html> <body> body </body> <div id="title"> <font size=10> title</font> </div> <div id="nav1"> nav1 </div> <div id="content"> content</div> </html> Link to comment https://forums.phpfreaks.com/topic/288009-div-off-page-but-no-scroll-bar/ Share on other sites More sharing options...
cyberRobot Posted April 25, 2014 Share Posted April 25, 2014 It looks like the content is too tall for the window. The scroll bar doesn't appear because you're using "position:fixed;" which removes your divs from the normal flow of the page. For what it's worth, I was able to get the last div to fit on the page by changing the height to 60%. Link to comment https://forums.phpfreaks.com/topic/288009-div-off-page-but-no-scroll-bar/#findComment-1477257 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.