Home/ Questions/Q 8423079
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T03:38:06+00:00

I have a website in which the layout look something like the following: The

  • 0

I have a website in which the layout look something like the following:

enter image description here

The css for the main content is as follows:

.home {margin:178px 0 0 100px;width:800px;padding:0 10px 0px 10px;float:left;height:auto!important;height:310px;min-height:310px;}

The problem is whenver I resize the browser, the main content div instead of staying there and the browser getting horizontal scrollbars
moves down automatically.

If I resize the browser back to its original size, the main div doesn’t even come back to its original place. How do I correct this thing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add the two elements (left,right) inside a container div, and give this container a min-width

    <head>
  <style type="text/css">
    body {
      min-width:750px;
      min-height:500px;
    }
    div.container {
      min-width:600px;
      min-height:450px;
    }
    div.left, div.right {
      min-height:400px;
    }
  </style>
</head>
<body>
  <div class="header"></div>
  <div class="container">
    <div class="left"></div>
    <div class="right"></div>
  </div>
  <div class="footer"></div>
</body>
    • 0