Home/ Questions/Q 8768385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T17:03:09+00:00

Say I have a div that I want to be centered horizontally, and set

  • 0

Say I have a div that I want to be centered horizontally, and set at a fixed distance from the top or bottom of the window. I want to set its width to say 75%, and its height to be fluid depending on dynamic content. The page will never have content extending past the viewport so it won’t ever scroll. How can I do this with CSS? HTML is here, basically:

<body>
  <div id="main">
    <div id="div_in_question">
      Omg stuff goes here it will probably change though via jQuery.
    </div>
  </div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do it like this Demo

    HTML

    <div class="container"></div>

    CSS

    .container {
    height: 300px;
    width: 75%;
    position: absolute;
    background-color: #ff0000;
    margin-left: -37%;
    left: 50%;
}

    Explanation: give position: absolute; to your div and the real trick to get it centered horizontally is give margin-left which will be half of your total width of the div and give left as 50% to bring it horizontally centered

    • 0