SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict SunnaH's Avatar
    Join Date
    Aug 2005
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question The Guillotine Effect/ Peekaboo Bug

    Anyone ever encounter The Guillotine Effect/ Peekaboo Bug? Using Internet Explorer rollover the link "here" and you will see what I am talking out. Any work around? Thanks.

    http://www.stc.org/54thConf/boss/index.asp

    -=SunnaH=-
    Last edited by SunnaH; Oct 17, 2006 at 11:53.

  2. #2
    SitePoint Zealot
    Join Date
    Sep 2006
    Posts
    107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, the good news is IE7 is supposed to eleminate that bug.

  3. #3
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, the menu doesn't appear in ie 7 and the drop down javascript menu doesn't work!
    Validate your css.
    * html>body.. will not be applied by any browser but may be useful for ie 6.

    This will not fix everything but use <div id="content clearfix"> in your html.

  4. #4
    SitePoint Addict SunnaH's Avatar
    Join Date
    Aug 2005
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you. I validated my css and html. Can you explian how that id fixes it?

  5. #5
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, it should be div id="content" class="clearfix" instead.
    Have a look there :
    http://www.sitepoint.com/blogs/2005/...ing-of-floats/

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,343
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The peekaboo bug is simply one of the myraid of bugs caused by an element not having "layout" in IE. See the faq on "haslayout" as it is very important to all ie layouts. (IE7 is a lot better but does still have some "layout" issues.)


    The easiest way to give an element "layout" is with a dimension or with the the height 1% hack for ie6 and less. The clearfix styles for float clearing also have the height:1% hack built in because this also makes ie clear nested floats. The side effect of adding the clearfix class is that the element now has layout and this will clear the peek-a-boo bug.

    Read the faq in detail as it is an important subject


Bookmarks

Posting Permissions

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