Table padding in Internet Explorer

I've noticed that Internet Explorer seems to ignore a table's padding. I've tested version 7, 8 and 9.

What is the best workaround? I prefer a workaround that's based purely on CSS than one that involves wrapping tables in <div>s or messing with tags in general.

Answers


Try this:

td
{
   display: table-cell;
   padding: 30px;
   border: 1px solid #000000;
}

As seen on jsfiddle.


I have found that this actually works as a fallback for flex box in ie9. And while the original question has nothing to do with CSS flex,and this is probably a repeat, it solved an issue for us, so I will mention it here and hope it helps others. flex: .selector { display: flex; } and no flex fallback: .no-flexbox .selector { display: table-cell; padding : 25%; }


Need Your Help

ASP:Chart control - databind pie chart from datatable

vb.net data-binding charts pie-chart asp.net-charts

I've got a datatable with two columns "Status" (string) and "Total" (integer).

Why isn't the remove() working in python

python

I am using a for loop to loop through a 2D list and removing everything, but only one set of the duplicates get removed: