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 5 of 5
  1. #1
    New Coder
    Join Date
    Aug 2009
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Div spacing & z-index issue in IE7 and below

    Hey Helpful Folks,

    I'm having an issue in IE7 and below. My Header div isn't responding to the 104px Top Margin and is pressed to the top of the page beneath my logo/nav. If I float the Header div or set it to absolute it will push out to the right?

    It works fine in FF and IE8. Please Help!

    http://littletdesigns.com

    This CSS code is my <!--[if lt IE 8]>

    <code>
    #wrapper #top-container {
    width: 900px;
    height: 187px;
    clear: left;
    float: left;
    }
    #wrapper #top-container #logo {
    clear: left;
    float: left;
    width: 386px;
    height: 187px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    }
    #wrapper #top-container #navigation {
    width: 330px;
    clear: right;
    float: left;
    height: 187px;
    position: absolute;
    z-index: 1;
    }
    #wrapper #header {
    width: 900px;
    height: 284px;
    margin-bottom: 25px;
    margin-top: 104px;
    float: none;
    clear: left;
    z-index: 0;
    position: relative;
    }
    </code>

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello vraymer,
    Have a look here - http://validator.w3.org/check?verbos...designs.com%2f

    Fixing those errors may or may not fix your problem...but it's certainly a good place to start.
    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

  • #3
    New Coder
    Join Date
    Aug 2009
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hey Excavator,

    Thanks for the Validator Link... helped me notice a few silly errors I made.

    I still don't know how to fix the embedded .swf file errors (I just inserted media and let Dreamweaver write the code... so don't know how to fix those?)

    The other changes didn't have an effect on my z index/ spacing issues. Any ideas... any help would be amazing!

    Thanks again!

  • #4
    New Coder
    Join Date
    Aug 2009
    Posts
    13
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Resolved

    I was able to fix it... by cheating haha

    put a 104 padding on top of the Header Div

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by vraymer View Post
    I was able to fix it... by cheating haha

    put a 104 padding on top of the Header Div
    I'm sorry but no time to look at it for a bit... it really sounds like you have uncollapsing margins. See my example here.
    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


  •  

    Tags for this Thread

    Posting Permissions

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