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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Footer image underlapping body

    Hello, hopefully someone is able to help.

    Concerning this site: http://bit.ly/VVA7zQ

    On that specific page (and this is the only place I can see where it occurs) the twitter widget within a table displays, but the image in the cell to the right of it gets cut up under the body.

    Usually I would be looking for a z value to assign, but in all honesty I'm a bit lost with this one.
    Last edited by anonymousg; 01-15-2013 at 07:31 PM. Reason: Solved

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,738
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Hello anonymousg,
    The element that's showing is div#twtr-widget-1 .twtr-widget .twtr-widget-profile which is styled in your CSS with this -
    Code:
    .twtr-widget {
        font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
        font-size: 12px !important;
        position: relative;
    }
    The element that is hiding behind #bg is an unstyled anchor.


    Either give that anchor styling that's similar to .twtr-widget (it will need position: relative

    OR
    Adjust #bg's position in the stacking order with this bit highlighted in red -
    Code:
    #bg {
        background: url("images/header-bg.png") repeat-x scroll 0 0 transparent;
        height: 426px;
        left: 0;
        position: absolute;
        top: 145px;
        width: 100%;
        z-index: -1;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    anonymousg (01-15-2013)

  • #3
    Regular Coder
    Join Date
    Jul 2008
    Posts
    157
    Thanks
    9
    Thanked 13 Times in 13 Posts

    What ???

    What is this (in middle of page)
    Code:
    . . .
    </body>
    </html>
    <br>
    <center>
    <!DOCTYPE html>
    <html>
    <head>
    . . .
    Your whole HTML structure is off!


  •  

    Posting Permissions

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