I’m trying to make a div with position:absolute; top:50px; left:100px; properties.
The problem is this div is taking only the width of the content inside but I want this div to fill the whole page width even if the content is not.
If I add width:100% then the div becomes 100% of total browser width and it brings a scroll at the bottom.
Is there any way to fill the rest width of the page with position:absolute?
CSS for the div I want to fill the rest of the width
.container{position:absolute;top:50px;left;100px;}
Here it is on http://jsfiddle.net/BxLy6/ for your inspection.
Please suggest how I can fill the rest of the page with position:absolute
Add
That should do it.
http://jsfiddle.net/BxLy6/4/