CODEWITHSUNDEEP
htmlcsshtml-table
copenndthagen
copenndthagen

Reputation: 50800

<Table> cell rendering difference between IE and Firefox

I have a table with cell coded as follows

<td valign="top" class="weekend_days"> 
<div class="block_out"> 
<div class="blockout_text">Some content ...Some content ...Some content ...Some content ...Some content ...</div> 
</div> 
</td>

In the CSS, I have defined a height for the div as;

.block_out {height: 50px;}

I have just included the relevant style here.

Now in IE, the cell expands if the content increases, but in Firefox, it does not expand if content is more.

How do I fix this issue (I would not be able to directly remove the height attribute as it is used in multiple places) ?

Upvotes: 0

Views: 1916

Answers (2)

T. Junghans
T. Junghans

Reputation: 11683

You may want to include table-layout:fixed; in your table-tag:

<table style="table-layout:fixed;">

This will force IE to listen to the dimensions you set. There are quite a few similar posts about this on stackoverflow already.

Uses this solution if you don't want your table to expand.

Upvotes: 0

jefsmi
jefsmi

Reputation: 731

Try this:

.block_out {min-height: 50px;}

Example min-height: http://jsfiddle.net/35bsF/2/

Example height: http://jsfiddle.net/35bsF/3/

Upvotes: 2

Related Questions