Home/ Questions/Q 7091867
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T08:14:29+00:00

I got somethinglike this: <body> <div id=wrapper> <div id=header> <ul> <li>something</li> <li>something</li> </ul> </div>

  • 0

I got somethinglike this:

<body>
<div id="wrapper">
<div id="header">
<ul>
<li>something</li>
<li>something</li>
</ul>
</div>
<div id="content">


</div>

<div id="footer">
</div>

</div><!-- end of wrapper -->
</body>

and I applied this CSS:

#wrapper {
margin:0px auto;
width:100%;
}

#header {
background:#b82626;
}

#content {
clear:both;
float:left;
width:75%;
}

#sidebar {
margin-left:75%;
}

#footer {
clear:both;
height:50px;
}

NOW, I need content of header to grow, eg. I add many pages <li></li>, and when I exceed the space, the height of header won’t grow, just the text overflows the header border and goes into main content.

So, if anyone can suggest me nice rule to apply here, It would be really nice.
I need header to grow with content.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Are you floating your list items? If so then you will need to apply a clearfix to the header div.

    #header:after {
  content: "";
  display: block;
  clear: both;
}
    • 0