Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    May 2011
    Posts
    43
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Main Page overlapping header when scrolling

    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

  • #2
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,722
    Thanks
    41
    Thanked 191 Times in 190 Posts
    give ur headbar a z index of 1; i did this via chrome inspect and it fixed problem immidiately

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • Users who have thanked alykins for this post:

    twinrecords (07-14-2011)

  • #3
    New Coder
    Join Date
    May 2011
    Posts
    43
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Thnx man, works perfect.

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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.
    Teed


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •