Setting borders around tbody, thead and tfoot with IE8

Posted by Benjamin on Stack Overflow See other posts from Stack Overflow or by Benjamin
Published on 2009-10-01T08:10:38Z Indexed on 2010/04/19 18:03 UTC
Read the original article Hit count: 451

Filed under:

ie8

|

tbody

|

css

|

hacks

Hi,

I've designed a table in html that uses tbody, tfoot and thead. I would like to put a border-bottom and border-top on my tbody. Which works perfectly well with Firefox and Google Chrome. However Internet Explorer 8 does not display the borders at all.

After searching on the internet I haven't found any solution that did not involve some javascript; which I am not keen on using for that task.

Has anyone faced this problem before and came up with a solution that does not require javascript?

Ideally I wouldn't want to start messing around with the html too much, a solution just with css would be awesome.

Thanks for that.

© Stack Overflow or respective owner

Related posts about ie8

Debugging UI Problems in IE8 (Was IE8 on Windows 7 Authentication Mess)

as seen on Server Fault - Search for 'Server Fault'
UPDATE: I think the real question I need to ask here is: how does a technician debug UI problems with Internet Explorer, and not HTML rendering issues that have pretty good tools? I am aware of the SysInternals tools and others mentioned below, but maybe I am not harnessing their power properly.… >>> More
Debugging UI Problems in IE8 (Was IE8 on Windows 7 Authentication Mess)

as seen on Server Fault - Search for 'Server Fault'
UPDATE: I think the real question I need to ask here is: how does a technician debug UI problems with Internet Explorer, and not HTML rendering issues that have pretty good tools? I am aware of the SysInternals tools and others mentioned below, but maybe I am not harnessing their power properly.… >>> More
Force Browser Mode=IE8 and document mode=IE8 Standards

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a internal website hosted on IIS. I added the following meta code and also add http-header that the page should in IE8 Browser mode and document mode. <meta http-equiv="X-UA-Compatible" content="IE=8" > We tested it on Visual Studio and and it works very well. However, after we publish… >>> More
Show EPS file in IE8 with standards modes set to IE8

as seen on Stack Overflow - Search for 'Stack Overflow'
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"> With this set my EPS files are not rendered in ABCpdf, but set to EmulateIE7 and they work fine. I know EPS aren't a standard web format but they are embedded into a PDF using a bit of ABCpdf magic. Because IE8 isn't even trying… >>> More
JQuery UI sortable is slow in IE8, but works good in IE7 and IE8 compatible mode

as seen on Stack Overflow - Search for 'Stack Overflow'
JQuery UI sortable (including demos) are slow in all IE8 I can test, but runs smoothly in IE7 and IE8 compatible mode. The more complex is a markup on the page, the more IE8 is slowing down (that's I can understand, the DOM tree became more complex). I'm using JQuery 1.3.2 and JQuery UI 1.7.2 (tested… >>> More

Related posts about tbody

Setting borders around tbody, thead and tfoot with IE8

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I've designed a table in html that uses tbody, tfoot and thead. I would like to put a border-bottom and border-top on my tbody. Which works perfectly well with Firefox and Google Chrome. However Internet Explorer 8 does not display the borders at all. After searching on the internet I haven't… >>> More
tbody tag element and DOM

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi i want to use HtmlAgilityPack with WebBrowser control, but i have a problem. DOM is different because ie adds tag element after . Why? How i can disable it? >>> More
Trying to style the first tbody different than others without introducing another class.

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a table with multiple tbody's, each of which has a classed row, and I want it so that the classed row in the first tbody has style differences, but am unable to get tbody:first-child to work in any browser. Perhaps I am missing something, or maybe there is a workaround. Ideally, I would like… >>> More
Inserting THEAD element into embedded HTML using jQuery

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to use jQuery to insert HTML into a table element. I've been messing variations of the selector (below) with no luck. Can someone help me? My Selector: $j('#ctl00_body_gridData_dom').children('table:first').append("<thead><tr><td colspan='6'> </td><td… >>> More
nokogiri: wrap <tbody> around <table>'s child

as seen on Stack Overflow - Search for 'Stack Overflow'
how can i do this ? i need to place tbody after table tags, basically to emulate Firefox's behavior. Thanks. >>> More