Advanced Search

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
    1,886
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    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
    1,886
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    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
    1,886
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    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
  •