There is the following:

#pagecalc { position:absolute; width:1905px; left:50%; margin-left:-953px; } #pagecalc #calcontent { position:absolute; width:100%; background-color:#333; }

If you zoom out in the browser, the block is always in the center of the page, I need it. But if you start to increase the scale, in simple words “approach the page” the content that is in #pagecalc #calcontent goes left abroad and cannot be scrolled, in one word has disappeared, the scroll bar only turns to the right. How to get rid of it?

  • %) Write or draw what you want to get in the end. Clarify the question. - invincible
  • In my available explained: / - Afimida
  • Explanation, please, why is the position: absolute property used? - chernomyrdin

1 answer 1

Maybe just:

 <style type="text/css"> #pagecalc { background-color: #fff; } #calcontent { margin: 0 auto; width: 1905px; /* Ширину можно поменять */ background-color: #333; } </style> <div id="pagecalc"> <div id="calcontent"> ... </div> </div>

Also for the #calcontent block #calcontent can apply max-width and min-width , then the content that is located in the center will occupy the size from min-width to max-width