html - scroll bar issue with postion fixed -
the next html code working fine not able scroll page, scroll bar appearing not been active. position fixed needed here split page, please help me sort out issue.
<html lang="en"> <head> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <style> body { margin: 0%; padding: 0%; } .container { width: 100%; height: 100%; } #left { float: left; position: fixed; top: 0%; left: 0%; width: 50%; height: 100%; } #right { position: fixed; top: 0%; right: 0%; width: 50%; height: 100%; background-color: #59595c; } #centrd { padding-top: 40%; } #centd { padding-top: 40%; } .pos_fixed { position: fixed; top: 3.5%; right: 2.5%; display: inline-block; } </style> </head> <body> <div class="container"> <div class="row" > <div class="col-md-6" style="padding-top:500px;"> <div id="left" align="center"> <div id="centd"> <img src="http://localhost/wordpress/wp-content/uploads/2014/10/ramc-untitled-1.png" alt="smiley face" width="150" height="150"> </div> <a href="http://localhost/wordpress/album-categories/wedding/"><img src="http://localhost/wordpress/wp-content/uploads/2014/10/studio-a-travel1.png" alt="list item 1" width="150" / ></a> <a href="http://localhost/wordpress/album-categories/wedding/"><img src="http://localhost/wordpress/wp-content/uploads/2014/10/knowledge-icon2.png" alt="list item 2" width="150" /></a> </div> </div> <div class="col-md-6" style="padding-top:500px;"> <div id="right" align="center"> <div id="centrd"> <img src="http://localhost/wordpress/wp-content/uploads/2014/10/studioa-a1.png" alt="smiley face" width="150" height="150"> </div> <a href="http://localhost/wordpress/album-categories/wedding/"><img src="http://localhost/wordpress/wp-content/uploads/2014/10/studio-a-wed.png" alt="list item 1" width="150" /></a> <a href="http://localhost/wordpress/album-categories/wedding/"><img src="http://localhost/wordpress/wp-content/uploads/2014/10/studio-a-cam.png" alt="list item 2" width="150" /></a> </div> </div> <div class="pos_fixed"> <a href="http://www.amarramesh.com/contact/"><img src="http://localhost/wordpress/wp-content/uploads/2014/10/get-in-touch.png" alt="smiley face" width="100" height="100"> </div> </div> </div> </div> </body>
{position: fixed;} won't scroll: blocking object (supposedly div) specific part of window. remain there.
html css
No comments:
Post a Comment