IE bug. Peekaboo i think. please help

Discussion in 'CSS' started by andymac, Feb 9, 2007.

0
  1. #1
    Hi Everyone,

    I have a problem with IE with disappearing elements on my website. The address is www.scotloads.co.uk and the page is a part of our checkout.

    To view the page add any mp3 track to your basket, click proceed to checkout and on the following page click proceed again. This will bring you to the right page. Now, I know that this bug is not happening for everyone using IE. I have version 7 and it affects me but not my mate who also has IE 7. Very strange, but others have reported same problem with IE 7 and other versions. If the bug is not affecting you then here is the screenshot of the elements i'm refering to:

    [​IMG]

    When I go to the page, the elements flash up and then disappear after a moment. If I click another tab on my browser and then come back to the page they sometimes come back! I have done some digging and it sounds like the Peekaboo bug affecting IE. The solutions all involve div tags which i think might be the source of the problem. There is one div tag involved with one of the elements affected but all the solutions I have tried to apply to the div CSS style have had no effect.

    I've written the CSS styles that apply to the elements in question below and I'll attach the HTML file aswell. If anyone can help, it would be much appreciated. Any more info needed, then please email me: andrew@scotloads.co.uk

    Thanks,

    Andrew MacLeod

    DIV.addressForm
    {
    WIDTH: 100%;
    POSITION: relative
    }


    .aForm
    {
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    MARGIN: 2px;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    POSITION: relative
    }

    .aFormLabel
    {
    PADDING-RIGHT: 6px;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 7px;
    POSITION: relative;
    TEXT-ALIGN: right
    }
     

    Attached Files:

    andymac, Feb 9, 2007 IP
  2. Dan_A

    Dan_A Peon

    Messages:
    65
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You should validate your html first (29 serious errors).
    You switch IE 6 in quirks mode with the xml prologue. Is there a reason for that?
     
    Dan_A, Feb 9, 2007 IP
  3. andymac

    andymac Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi Dan,

    Thanks for replying. To be honest I'm not sure what you mean. I deal only with the html side of things and our programmer who created the site is unfortunatley AWOL at the moment. How do I validate HTML and also can you explain further about the IE 6 switch quirk thing and where you see that,

    thanks

    Andrew
     
    andymac, Feb 9, 2007 IP
  4. Dan_A

    Dan_A Peon

    Messages:
    65
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You can use the w3c validator : http://validator.w3.org/
    The xml prolog is what appears before your doctype when you view the source code : <?xml version="1.0" encoding="UTF-8"?>
    It switches IE 6 into quirks mode but will not do the same in ie 7 (your doctype will switch ie 7 into Standards Compliance Mode).
    Validation and Standards Compliance mode may or may not fix the issue but it will make debugging easier.
     
    Dan_A, Feb 9, 2007 IP