SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict dr_dumb99's Avatar
    Join Date
    Sep 2004
    Location
    Pakistan
    Posts
    304
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Bottom Border is not showing in IE8

    Hi!
    I have following code :
    Code:
    .top{
    	background:#000066;
    	height:10px;
    	display: inline-block ;
    	border-bottom: #999999 3px solid;
    	height:29px;
    }
    In FF, it is showing correctly. Whereas in IE8 bottom border is not showing.

    If I use following code:
    Code:
    <tr><td class="top"></td></tr>
    Then problem arises.

    But if I use following code:
    Code:
    <tr><td class="top">&nbsp;</td></tr>
    Then bottom border is visible in IE8 also.

    Can some one guide me how to show bottom border through CSS.

    Thanks in advance

  2. #2
    SitePoint Zealot
    Join Date
    Mar 2008
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can you post the full HTML and CSS, or better still, a link to a page?

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    IE doesn't like having empty cells. Adding a nbsp is fine.

    Also do you realize your setting height twice?
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    IE 8 by default hides, actually doing a test with IE 8 in standards mode it displayed the border of the empty cells. However you can change that like this:
    Code:
    table { empty-cells: show; }
    table { empty-cells: hide; }
    No &nbsp; required. Now the specs do not state how a browser should render an empty cell by default. So IE is not wrong in this regard.
    Last edited by logic_earth; May 27, 2009 at 22:47.
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.



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
  •