scrolling for left-side overflow not handled correctly

Discussion in 'HTML & Website Design' started by forelmashi, Oct 27, 2009.

  1. #1
    <html>
    <head>
    <style type="text/css" rel="stylesheet">
    	* {margin:0;padding:0;}
    	
    	div#box {background-color:green;width:1000px;}
    
    	/* #box {position:absolute;top:0;right:0;} */
    	/* #box {position:absolute;top:0;left:0;} */
    	/* #box {float:right;} */
    	#box {float:left;}
    	
    	.clearer {clear:both;}
    </style>
    </head>
    <body>
    	<div id="box">
    		asdafdsf
    	</div>
    	<div class="clearer"></div>
    </body>
    </html>
    Code (markup):
    browsers will not treat the overflow on the left side correctly when you position things on the right side, whether you do it with absolute positioning.. or floating.

    so I guess essentially this becomes a problem on how to trick browsers to scroll correctly.. any ideas?
     
    forelmashi, Oct 27, 2009 IP