Results 1 to 6 of 6

Thread: IE Spacing Issue!

  1. #1
    Join Date
    Mar 2005
    Posts
    110
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default IE Spacing Issue!

    I cannot figure out how to eliminate the space that you can clearly see under the title "Nassarius Snail $0.79" and under the "Video" tab on this page: http://www.reefscavengers.com/snails.html

    The space only shows up in IE, it does not show up in firefox. I would appreciate any help you can offer.

    Thank you

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,011
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    Try removing the divs around the images (one of them doesnt appear to be closed anyway) and use floats on the images instead.

    style="float:left" in the left img tag
    style="float:right" in the right img tag
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Mar 2005
    Posts
    110
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Thank you Beverley! That made it a little better, but now if you take a look there is still a small space under the two images, any idea how to get rid of that?

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,011
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    oops - I didnt spot the <br> between the video tab and nassarius4 - try removing it and see how things looks then.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  5. #5
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,011
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    I think I know what you're going to say next.... about the tabs not reaching the edges in IE?

    Create yourself an IE only stylesheet for the offending images;
    Code:
    <!--[if IE]>
    <style type="text/css">
    img.nassarius3 { 
    float:left;
    margin-left:-3px; 
    }
    img.snails-video {
    float:right;
    margin-right:-11px;
    }
    </style>
    <![endif]-->
    (more info: http://css-tricks.com/how-to-create-...ly-stylesheet/ )

    HTML changes to the offending image tags;
    Code:
    <IMG src="snails_files/nassarius3.gif" class="nassarius3" > 
    <IMG border=0 src="snails_files/video.gif" srcover="videoover.gif" class="snails-video" >
    ...and I think the bottom right tab needs tweeking too but I'll leave you to follow my starting points...
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  6. The Following User Says Thank You to Beverleyh For This Useful Post:

    ikon (11-17-2010)

  7. #6
    Join Date
    Mar 2005
    Posts
    110
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Perfect! Thanks!

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
  •