IE Rendering

Discussion in 'HTML & Website Design' started by timelf123, Jul 30, 2007.

0
  1. #1
    I've been coding for the past 10 hours and my eyes hurt. Can anyone else find why IE6 is showing a gap between my subnav and my content divs?

    http://www.refstocash.com/rsf/gifts/


    Thanks a ton in advance!

    to bed with me!


    tim
     
    timelf123, Jul 30, 2007 IP
  2. timelf123

    timelf123 Peon

    Messages:
    897
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I checked the padding, margins, etc, but I couldn't find anything wrong. I evev removed the doctype to see if that would fix it, but its still there.
     
    timelf123, Jul 30, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Removing the DOCTYPE declaration will cause more problems actually. I'm noticing some major rendering problems in Opera 9.22 on XP Pro/SP2.

    Give me a few to look at your code, ok?
     
    Dan Schulz, Jul 30, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Ok, for starters, you have space above the XHTML DOCTYPE, which is throwing IE 6 into quirks mode. You're also mixing XHTML and HTML syntax in your elements, which is causing all sorts of problems, and you have 67 HTML validation errors.

    I'd normally suggest a re-write, but I just don't have the time to re-write an entire site tonight. Tell you what though. Tell me what DOCTYPE you want to use (HTML or XHTML), and I'll help you along from there, ok?
     
    Dan Schulz, Jul 30, 2007 IP
  5. timelf123

    timelf123 Peon

    Messages:
    897
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I think it was me editing in dreamweaver cs3, which automatically added some xhtml items. I suppose I should debug the code now and pick a DOCTYPE. I'll look at the validator and get back to you. Thanks so much, I didn't think anyone would reply to this topic :)
     
    timelf123, Jul 30, 2007 IP
  6. timelf123

    timelf123 Peon

    Messages:
    897
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Update:
    I am all validated.

    The gap still appears in IE6.
     
    timelf123, Jul 30, 2007 IP
  7. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Ok, thanks for fixing the errors. That gives me a LOT more wiggle room to squash this.

    Since it's getting late (going on 2am here), I'm going to take a look at this in the morning. Hope you don't mind.
     
    Dan Schulz, Jul 30, 2007 IP
  8. timelf123

    timelf123 Peon

    Messages:
    897
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #8
    CST? Me too ;) I just wanted to get all the bugs squashed before I hit the sack.

    I think it may have to do with this code:

    /* *** Float containers fix:
    http://www.csscreator.com/attributes/containedfloat.php *** */
    #twocols:after, #wrapper:after {
    content: "."; (not supported in IE?)
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    #twocols, #wrapper{display: inline-table;}

    #wrapper {
    border: 1px solid #E2E2E2;
    padding: 0px;
    margin:0px;
    padding-bottom: 10px;
    background: #FFFFFF;
    color: #000;
    position:relative;
    }

    /* Hides from IE-mac \*/
    * html #twocols, * html #wrapper{height: 1%;}
    #twocols, #wrapper{display: block;}
    /* End hide from IE-mac */
     
    timelf123, Jul 31, 2007 IP
  9. timelf123

    timelf123 Peon

    Messages:
    897
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Update:
    The bug is still here even after checking code in Dreamweaver for browser compatibility.
     
    timelf123, Aug 1, 2007 IP