The 100% width is grabbing 100% of the page, so when it is shifted left by the sidebar
you're seeing it pushed right by 250px. Your pagecontrol1
class should look like this:
.pagecontrol1 {
position:fixed;
left:250px;
right:0px;
height:35px; /* Instead of 100% */
margin:auto;
background: #ff0;
}
I added position:fixed
, left:250px;
, right:0px;
and changed height:100%
to height:35px
. I edited in the browser, and it looks fine with those changes to the pagecontrol1
class.