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 6 of 6
  1. #1
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts

    In IE: Floated image is hiding text not taller than itself

    In IE (6), the text beside the news icon on the page linked below is hidden.

    http://faithfocus.org/home/

    Now, if I increase the length of that paragraph so it renders as 4 lines or more:

    http://faithfocus.org/home/?long

    The text is shown. Anyone have any idea what's causing this? I can remove the image and they both show. I can set the image to 50px wide and they both show, but I'm not using 50x50 icons.

    Friggin' annoying. Normally I'd just write more verbose descriptions, but this site will be customizable by regular folk, and that blurb text needs to be anywhere from a few words to a few sentences.

    Thanks for any help,
    Aaron

  • #2
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Usually I see that with an overflow CSS declaration problem -- however, being on a Mac, I cannot reproduce what you're describing. Got a screen shot I can see?
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #3
    New Coder
    Join Date
    Aug 2004
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks like an IE issue because the first link (shorter text version) displays fine in FireFox 1.0 pre. where it doesn't in IE 6.01

    I composed a screenie to show you what I mean. IE on top, FF on bottom with URLs in pics for reference.

    EDIT: I reread the thread title and your post and now realize you realize it's IE only. /me goes back a grade
    Attached Thumbnails Attached Thumbnails In IE: Floated image is hiding text not taller than itself-untitled5.jpg  
    Last edited by BuddhaMan; 10-04-2004 at 03:23 AM.

  • #4
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I noticed something funny. If you scroll down and scroll back up, it shows. If you move over your tabs however, it dissapears again. BTW, it also makes your "Welcome!" section dissapear. Very peculiar...

    /* Edit */

    I'm not very good with floats, but have you tried clearing the elements?
    Just a suggestion.
    Last edited by gohankid77; 10-04-2004 at 03:59 AM.

  • #5
    Regular Coder
    Join Date
    May 2004
    Location
    San Jose, CA
    Posts
    388
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://www.positioniseverything.net/
    Mayhap it's something like the Guillotine Bug or Unscrollable Content Bug listed at the above site? It sure sounds like a clear: both; kind of issue. I'm too tired to look at it in depth right now, but maybe that link will help out. I've seen this kind of thing before and I'm pretty sure it has to do with clearing your floats. I dealt with something like this about 2 months ago and that was the problem for me.
    -ts
    -Challenge The Status Quo
    -www.toddseal.com/rodin

  • #6
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    W00T!!!1

    Fixed It turns out my blurb element was actually the ideal candidate for that guillotine bug. I actually ended up removing markup (the spacer div) to fix it. Since my container was inside a container of its own, I didn't have to add that annoying clearing element after the container (well I did, but I was able to do it with CSS and :after).

    Bottom line is that it works now. Thanks


  •  

    Posting Permissions

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