SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict MikesBarto2002's Avatar
    Join Date
    May 2006
    Location
    New York City
    Posts
    317
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Display:table in IE

    A website I am working is having a problem with display:table in IE. It seems that in all other browsers, it is working correctly, where the white blocks don't extend all the way to the bottom of the pages, but in IE, they do. I tried to add a max-height to the blocks, but that didn't seem to do the trick. If you compare to Firefox or Chrome, you can see the difference.

    Any advice?
    James Web Development | New York, NY
    Design, Develop, Deliver

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    It looks fine in IE9. Which version are you looking at? I assume you realize that display: table doesn't work in IE7 and under?

    EDIT: looks OK in IE8 too.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,784
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Yes looks ok to me in IE8 also.

    As Ralph said IE6/7 has no support for display:table so you will have to offer alternatives.

    On another matter you can't wrap block elements in a span

    Code:
    <span class="grey">
    					<p>Our bracelets say “Klahan” which means “Brave” in Khmer, the language of Cambodia.</p>
    					<p>Each bracelet sold brings us one step closer to eradicating the sexual slavery of women and girls in Cambodia, and around the globe.</p>
    
    					<p>When you wear your bracelet you become an activist, using fashion as a vehicle for real change.</p>
    				</span>

    That would need to be a div and will likely cause problems in some browsers if it is not a block element.

  4. #4
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Much less the faulty comment placements that will trip IE/FF rendering bugs, use of display:table and table-cell for christmas only knows what reason, nonsensical heading orders, H3 doing LEGEND's job, jquery for nothing (not that there's EVER a good reason to use that in the first place), broken (at least in opera) google font embed, and uselessly formatted CSS I wouldn't even TRY to figure out what it's doing... though the first comment about using meyers bloated idiotic reset and the double close curly at the end aren't exactly encouraging signs... Much less 8k of CSS for THAT? Ouch.


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
  •