SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE6 Image wrap problem

    Why is the image on the right (long green image) wrapping to the next line in IE6. I have gone in and shortened the dimension by more than 50px thinking it was too long for one reason or another but it still wraps. It only does this in IE6, why?

    http://www.hbip.com/adr/order.php

    Thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  2. #2
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have somewhat fixed the problem by making just one image instead of two. But now I have a big gap between the top part of the page and this image. Man I hate IE6.

    Any ideas?
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  3. #3
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Set display block on all images. While you're at it, you might as well kill the borders on all your images as well for those times when you'll have an image inside a link (gets around a Firefox/Gecko bug).

    Code CSS:
    img {
        border: 0;
        display: block;
    }

  4. #4
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I put the style inline but it made no difference. I think it is being pushed down by the div to the to and right of it being set to overflow:auto;

    See:Other recent post.

    Thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Man I hate IE6
    I answered this in your other post and the mistake was yours and not IE lol

    You set the parent to 225px height but you set the child to 250px high. This can't happen and something has to give - see other post for the solution.

  6. #6
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    I answered this in your other post and the mistake was yours and not IE lol

    You set the parent to 225px height but you set the child to 250px high. This can't happen and something has to give - see other post for the solution.
    Well, I removed the HEIGHT all together from the parent and it still did not cooperate but what I did find is that the padding on the parent was way to large. So i reduced it to what it should be and BAM, IE6 renders it the way I expected. You are correct, it was definately my mistake.

    Thanks Paul, you da' man. Many thanks.

    Done with that one....
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.


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
  •