html - Absolute positioning and window resize -


there 2 div tags absolutely positioned. point prevent first 1 go on 1 on right on window resize less total width. p.s. : occurs in firefox.

<!doctype html> <html lang="en"> <head>     <meta charset="utf-8">     <title>my html file</title>     <style>         body{             direction: rtl;         }         #sidebar{             position: absolute;             top: 0;             right: 0;             bottom: 0;             width: 300px;             min-height: 1000px;             background-color: #66ccff;         }         #content{             position: absolute;             top: 0;             right: 300px;             bottom: 0;             left: 0;             min-width: 1100px;             background-color: #008844;         }     </style> </head> <body> <div id="sidebar"></div> <div id="content"> </div> </body> </html> 

remove left: 0; #content

#content {     position: absolute;     top: 0;     right: 300px;     bottom: 0;     /*left: 0;*/     min-width: 1100px;     background-color: #008844; } 

jsfiddle


Comments

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

c++ - Correct method for redrawing a layered window -

java.util.scanner - How to read and add only numbers to array from a text file -