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 14 of 14
  1. #1
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question content over lapping footer in ie

    I made a few change to my css and ie6 started drawing the content in a column wrong, I made the changes on Friday and didn't check it in ie until this morning so I'm not sure what did it. It is not stretching the column and is drawing over the footer below. Firefox draws it correctly. Where is the error?

    html: http://www.networkenvironmental.com/nes2006/index.htm
    ccs: http://www.networkenvironmental.com/nes2006/nes.css

    Thanks in advance

  • #2
    Regular Coder
    Join Date
    Mar 2006
    Location
    Connecticut, USA
    Posts
    400
    Thanks
    1
    Thanked 0 Times in 0 Posts
    My guess is you can't specify the height for the right column. If you leave it fluid, the footer will be pushed down (which is what you want, right?)

  • #3
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nope that doesn't do it. It just makes the overlap worse. I set the rightcol up to be a min-height so that the full background image always draws even if the content in the leftcol is not long enough to push both down. Thanks for the suggestion though.
    Last edited by the7yearplan; 04-24-2006 at 08:48 PM.

  • #4
    Regular Coder
    Join Date
    Mar 2006
    Location
    Connecticut, USA
    Posts
    400
    Thanks
    1
    Thanked 0 Times in 0 Posts
    OK.

    Q: why is #rightcol float: left? What if you changed that to right?
    Then in theory, the footer having a clear: both value should solve your issue.
    If this is not an optiion for whatever reason, maybe try changing clear: both to clear: left in your footer.

  • #5
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by bustamelon
    Q: why is #rightcol float: left? What if you changed that to right?
    Then in theory, the footer having a clear: both value should solve your issue.
    If this is not an optiion for whatever reason, maybe try changing clear: both to clear: left in your footer.
    Lol, that was the first thing I tired and again no help.

  • #6
    Regular Coder
    Join Date
    Mar 2006
    Location
    Connecticut, USA
    Posts
    400
    Thanks
    1
    Thanked 0 Times in 0 Posts
    heh... well....
    I'm out of ideas, other than to go back to my original thought -- if you just left the min-height in for the rightcol, and removed the rest of the height stuff??
    Last edited by bustamelon; 04-24-2006 at 09:20 PM.

  • #7
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The rest of the height stuff is a hack for ie. I tried that too. No go. I don't even know what div is causing the issue at this point. I wish I knew what changes I made Friday. I know they were minor and I bet you it turns out to some mundane detail. I really do appreicate all the ideas.

  • #8
    Regular Coder
    Join Date
    Mar 2006
    Location
    Connecticut, USA
    Posts
    400
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Well I tried a bunch of stuff and have come to the conclusion that no matter what you do IE will remain in quirks mode since your HTML is invalid.

    html: http://validator.w3.org/check?uri=ht...2006/index.htm
    CSS: http://jigsaw.w3.org/css-validator/v...es2006/nes.css

    After that gets fixed up, you'll be closer to narrowing down the problem. But it is a head-scratcher. You'll have to clean up the Google search table to validate as XHTML.

  • #9
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It's all valid now. Man there were a lot error in the search portion. Still drawing incorrectly in IE and is still in quirk mode. I'm at a lost. I really appreciate the help bustamelon. There must be something that is causing IE to get confused.

  • #10
    Regular Coder
    Join Date
    Mar 2006
    Location
    Connecticut, USA
    Posts
    400
    Thanks
    1
    Thanked 0 Times in 0 Posts
    You're welcome. Sorry it didn't get you anywhere. I'm sure you're right about it being something really simple. I guess you don't have a backup of the old version (from before the change)? Oh well. Step away for a while and try again.

  • #11
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,788
    Thanks
    8
    Thanked 131 Times in 129 Posts
    peek-a-boo bug in IE it looks like.

    try this:

    Code:
    #footer {
    clear: both;
    background-color: #666666;
    color: #fff;
    padding: 15px;
    border-top: 10px solid #27425c;
    font-size: 10px;
    position: relative;
    }
    all this is based on the code you have online right now.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #12
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks! That fixed that the overlap issue, but the border-top is not drawing and the size of the footer is drastically different in IE. Is there some other hacks that I need to look into to make it work in both?

  • #13
    Regular Coder
    Join Date
    Mar 2006
    Location
    Connecticut, USA
    Posts
    400
    Thanks
    1
    Thanked 0 Times in 0 Posts
    All (or most) of the notorious IE bugs in one convenent reference:

    http://www.positioniseverything.net/explorer.html
    Last edited by bustamelon; 04-25-2006 at 01:06 AM.

  • #14
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I was able to fix the top border in footer not drawing by adding a clearing div, but I went through those hacks and it didn't seem to fix my problem with the footer drawing incorrectly in IE. I just can't figure out why the footer is drawing longer and without the bottom margin that I set for the container div. I updated the code to the latest revision if you guys would take one more look and see if you see anything that jumps out at you. Again Firefox seems to draw it just fine...

    thank is advance


  •  

    Posting Permissions

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