SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast ianhales's Avatar
    Join Date
    Apr 2003
    Location
    UK
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    ANSWERED - IE6 Peekaboo got me stumped

    I'm having a huge problem with a site I'm currently developing for. We seem to be getting the Peekaboo bug but I've tried everything I could think of! (position:relative and several variations on hasLayout) and it just won't fix. It's on the right hand side titles on this page http://www.martialedge.net - they just seem to disappear.

    Removing the positioning value from .modulemid h3 seemed to get rid of it, but it also places the titles beneath where they should be (IE7 or FF display it fine, so you can get an idea of how it's supposed to be looking at the site in them)


    I know the CSS is a huge mess - we're still in phase 1 of development (although nearing the end) - tidying the CSS is a phase 3 task!

    I know that someone out there will be able to solve this - most of you guys on here would run rings round me!

    Thanks in advance,
    Ian
    Last edited by ianhales; Mar 18, 2008 at 13:13. Reason: Answered
    Inhale Design Freelance webdesign and programming

    Follow us on Twitter!

  2. #2
    SitePoint Evangelist
    Join Date
    Jan 2005
    Posts
    502
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    have also you tried:

    - giving specific dimensions to the container element

    - giinge a line-height to the container element

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

    Try this

    Code:
    * html .modulemid,
    * html .modulemid div{height:1%}

  4. #4
    SitePoint Enthusiast ianhales's Avatar
    Join Date
    Apr 2003
    Location
    UK
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    Try this

    Code:
    * html .modulemid,
    * html .modulemid div{height:1%}
    That did it - I think my problem was that I applied it to the h3 not the div. Thanks loads - you've saved me hours of work and a nervous breakdown!

    Thanks to Mr_Money for taking the time to reply too!
    Inhale Design Freelance webdesign and programming

    Follow us on Twitter!

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    That did it - I think my problem was that I applied it to the h3 not the div.
    Yes it's usually the parent of the element that needs to have haslayout set.


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
  •