For the blue background color I placed outside my main page at the right side(the website is robotdukkani.com), I adjusted the width (353 px) so that it would fill the rest of the page, but not more so that it will not cause any scroller at the bottom of the browser to appear to shift the page left right etc…So 353 px is max I can do to fill the page, if it is more, the left right scroller at the bottom of the browser appears. My computer is a laptop which has a wide screen. However when I checked it from another computer, which has a square screen, the 353 px is much more than needed and cause the bottom of the browser window to make the left right scroller which I dont want. How can I make the blue background to adjust its width automatically for the remaining part of the screen to fit exactly for the rest of the area, without causing any left right scroller at the bottom? Please help.
The html is
<div class=”mainarea2″>
<img src=”pictures/mainbackgr.jpg” width=”100%” height=”100%”>
</div>
and the css is
.mainarea2
{
position:absolute;
top:0px;
left:905px;
width:353px;
height:1300px;
}