View Full Version : Main Page overlapping header when scrolling

07-14-2011, 08:32 PM
ok, I'll try to explain this the best I can, and now that I think about it, this may be a CSS issue, but anyway.

my index.php page consists of a setup like this:

<?php include_once "header_template.php"; ?>

then the html content

<?php include_once "footer_template"; ?>

my header template has a logo and 2 flash movies, a flash login and an mp3 player.

now when you scroll down to see the rest of the content on the main page, some of the content starts covering up the content in the header, the google ad on the right, the slide show in the middle and the nav menu on the left, I don't know how to explain it, but please go and check it out for yourself, I'm not sure how to fix this or even how to search google for a fix for this.

www.twinrecords.net (http://www.twinrecords.net)

07-14-2011, 08:39 PM
give ur headbar a z index of 1; i did this via chrome inspect and it fixed problem immidiately

07-14-2011, 08:49 PM
Thnx man, works perfect.

07-14-2011, 09:10 PM
You should also remove those <p> tags with non-breaking spaces as well. Margins should be used to space elements from each other.

You can add a top margin to your content div.