SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE has bottom space in DIV... Anyone?

    Argh... I seriously have got to get this stuff down.

    ANy ideas why IE is adding some space at the bottom of a div? See: http://new.redtreedesign.com/

    The "Home" text & background image is inside #pgTitle.

    http://new.redtreedesign.com/inc/layout.css

  2. #2
    SitePoint Evangelist
    Join Date
    Jul 2006
    Posts
    493
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Remove height from #pgTitle

  3. #3
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Same problem... Thanks though..

  4. #4
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Anyone have a clue? I'm really at a loss here.

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

    Try forcing layout on the #tree element and then set the object to display:block.

    Code:
    /* mac hide \*/
    * html #tree {height:1%}
    /* end hide */
    object{display:block;width:100%}

    If you don't want to use a hack then use the correct widths instead.

  6. #6
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    unfortunately that didn't work either... hmmmmmmm....

  7. #7
    SitePoint Addict CaryD's Avatar
    Join Date
    Nov 2006
    Location
    San Diego, CA
    Posts
    389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jpfour23 View Post
    ANy ideas why IE is adding some space at the bottom of a div? See: http://new.redtreedesign.com/
    Your javascript is doing it. Or more likely the flash embedding method you are using within the javascript.

    IE may not be simply ignoring the <embed> content within the <object>, but rather leaving room for it instead.

    For instance, this code works fine. Of course, it was a simple test code and doesn't provide for active-x or information directing the browser to the needed plugin.

    Code:
    <div id="tree">
    <object type="application/x-shockwave-flash" data="tree.swf" width="215" height="218">
    <param name="movie" value="tree.swf" />
    </object>
    </div>

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

    I'm sure its the object or embed tag.

    Try this instead.

    Code:
    object{float:left;width:100&#37;}
    If that doesn't work try this:
    Code:
    object,embed{float:left;width:100%}
    This works locally for me.

  9. #9
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Can't thank you enough. Spent hours changing things, floating things... just couldn't get it to work. I don't know why, I didn't think to float the object.

    Thank you!

  10. #10
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There is just one slight problem. Now the image below the object in FF does not show. IE shows fine.

  11. #11
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,298
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Well the simplest solution is just to give the code above to ie.

    Code:
    * html object{float:left;width:100&#37;}
    Its probably a clearing issue so try this first:
    Code:
    #pgTitle {
        width:215px; 
        height:45px;
        background: url(../img/pg_title.jpg);
        text-align:right;
        clear:both
    }

  12. #12
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    WONDERFUL! clear:both worked! You're a genius!
    jp

  13. #13
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    On a side note... Paul, how did you get to understand CSS (and the hacks) so well? Do you just read every day? Are there favorite books of yours that have helped you tremendously?

  14. #14
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,298
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Paul, how did you get to understand CSS (and the hacks)
    It's just practice and experience

    The bugs are always the same and once you understand the problems then the answers are easy to find. The faq lists the most common problems and will answer 99&#37; of the questions in these forums. The problem for beginners is that they don't know what the behaviour they are seeing is linked to in the faq.

    Its always good to have a few reference books handy and most books by eric meyer are good (or the sitepoint books) but you can get almost anything you need on the web anyway. Just reading these forums daily will give you insight as you will see the same problems time and time again.

    Do a forum search on books and you will see a lot of recommendations.


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
  •