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; }
Comments
Post a Comment