Home/ Questions/Q 6474573
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T06:36:10+00:00

As you can see, I have set borders for the divs and the problem

  • 0

As you can see, I have set borders for the divs and the problem I am having is that the container div is so big and when I try to decrease its width the divs inside mess up as in they go down and align vertically….Can you tell what the issue here is? I think it’s something wrong with the content being inside “wrapper” div but I can’t tell what is wrong.

enter image description here

As you can see if I zoom the logo div at top expands but why doesn’t the content div expand as well?

enter image description here

Here is the CSS code: http://codepad.org/OhItDeVq

Lastly, the relevant HTML code: http://codepad.org/RsOOgbGI

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Probably you need your wrapper to be a bit wider because it’s to small place for menu div and content. From the second screenshot you can see that.

    Maybe you need something like this:

    CSS

    .wrapper { width: 980px; position:relative; margin:0 auto; }
.header { background:red; clear:both; height:100px; }
.menu { width:160px; background:#ccc; float:left; height:300px; }
.content { margin-left:160px; height:400px; background:green; }

    HTML

    <div class="wrapper">
    <div class="header"></div>
    <div class="menu"></div>
    <div class="content"></div>
</div>
    • 0