I fixed the header section of a website, but the first div of the page appears behind the header; instead of starting from the end of the header.

put this in your CSS

.clear{clear:both}

Put this inbetween the header div and the other div

<div class="clear"></div>

1) It would be nice to get a link to the site so one can see the code for themselves

2) If you used a float, Dual's solution will work. If you used a combination of absolute and relative positioning, then apply a high z-index to that first DIV

3) Dual core, don't suffer from divitis. Use <br class="clear" /> instead. Besides divitis, it is also less code. Considering we do a lot of clearing these days and considering the Nigerian (mostly mobile) environment, the less code does add up over time

Thanks Yawa, that's noted .

But using <br>'s na breakitis naw...

I get the point. Thanks.

Dual Core: put this in your CSS

.clear{clear:both}

Put this inbetween the header div and the other div

<div class="clear"></div>

Even lesser code

<div class="clear" id="nextSection">Put Content Here</div>

^^^ Have you actually counted the number of characters b/w Dual's DIV clear, my BR clear and your code above?

@ Yawa-ti-de

Put this inbetween the header div and the other div

<div class="clear"></div>

My code removes the unnecessary div between the header and the other div by making "clear" a class of the next div and not a separate div.

So, I am thinking that the actual issue at hand here is the number of characters and not the justification for using a particular approach. Of course, there are many ways to skin a cat. I will ask again:

^^^ Have you actually counted the number of characters b/w Dual's DIV clear, my BR clear and your code above?

What say you?

set the height of the one you fixed, then do the clear:both; in css of div (divititis ...yes me too)

like so:

<div style="position:fixed; height:100px;"></div>
<div style="clear:both;"></div>
<div style="position:relative; height:100px;"></div>

powered by: www.nigerianwebhosts.com

Thanks guys!!! I got it fixed.

^^^and so that others can learn from it, what exactly did you do to fix the issue?

I put all my divs in a container and padded the container on top.