ASP.NET

IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF) RSS

3 replies

Last post Nov 06, 2012 10:32 AM by soerenkbhg

‹ Previous Thread|Next Thread ›

soerenkbhg

Member

134 Points

75 Posts

IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

Nov 05, 2012 01:37 PM|LINK

I lay out a grid of div using floating left.

In IE9 and FF it works like a charm. In IE8 it makes spaces between the rows when I update using javascript (I make rows using clear: both;height: 0;) in a fraction of a second and then refreshes the contents.

I update the html using javascript/jquery in a way that all the HTML for the grid is produced in javascript and then inserted into a div. It is refreshed at page switch and throug timer refresh.

In IE9 Developer Tools Quirks mode, it produces the same spaces (and more) and does not correct them.

Here are the styles used:

.TableModelDataCell {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-bottom: 2px;
   text-align: left;
   float: left;
   padding-left: 4px;
   padding-right: 4px;
   vertical-align:middle;
   height: 25px;
   line-height: 25px;
   
   border-bottom: 1px solid #eee;
   border-left: 1px solid #eee;
}

.TableModelDataCellOdd {
   background-color: #F9F9F9;
}

.TableModelDataCellEven {
   background-color: #FFFFFF;
}

.TableModelHeaderCell {
    background-color: #E8E8E8;
}

.TableModelCellBorder {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

.TableModelCellBorderLastInLine {
   border-bottom: 1px solid #eee;
   border-right: 1px solid #eee;
}

.TableModelFooter {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    background-color: #E8E8E8;
    height: 25px;
    line-height: 25px;
   
}

.TableModelDisabledPageSwitcher {
    color:  #808080;
    
}
.TableModelActivePageSwitcher{
    color:  #000000;
    text-decoration: none;
}

And here is an example of the HTML

<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 50px;">Task id</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 140px;">Execution date</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 90px;">System date</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 90px;">New date</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 90px;">Camp transno</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 400px;">Modules executed</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 300px;">Reason for execution</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorder" style="width: 130px;">Status</div>
<div class="TableModelDataCell TableModelHeaderCell TableModelCellBorderLastInLine" style="width: 80px;">Actions</div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5689</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">05-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">05-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">05-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">PreSettlementsSettlements</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">jnpijnik</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5689);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5689);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5688</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">05-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #808000; color: #FFFFFF;">To be authorized</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5688);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5687</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">05-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #808000; color: #FFFFFF;">To be authorized</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5687);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5686</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">05-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #808000; color: #FFFFFF;">To be authorized</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5686);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5684</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">PreSettlements</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">a</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5684);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5684);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5683</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">All</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5683);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5683);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5682</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">All</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5682);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5682);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5681</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">CampFLS</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">a</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5681);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5681);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5680</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">All</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">gb</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5680);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5680);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5679</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">All</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">gb</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5679);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5679);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5678</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">All</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">a</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5678);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5678);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5677</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">01-11-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">PreSettlementsSettlements</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">a</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5677);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5677);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5673</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">26-10-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">PreCampFLSCampFLS</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">hej</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #FF0000; color: #FFFFFF;">Failed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5673);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5673);">&nbsp;<img alt="" src="../Images/exclamation.png" onclick="showEod(5673);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5672</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">26-10-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">All</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #FF0000; color: #FFFFFF;">Failed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5672);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5672);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 50px;">5657</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 140px;">25-10-12</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 400px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellEven TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #FF0000; color: #FFFFFF;">Failed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5657);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 50px;">5653</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 140px;">22-10-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">22-10-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">22-10-12</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 90px;">&nbsp;</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 400px;">All</div>
<div class="TableModelDataCell TableModelDataCellOdd TableModelCellBorder" style="width: 300px;">&nbsp;</div>
<div class="TableModelDataCell TableModelCellBorder" style="width: 130px; background: #006400; color: #FFFFFF;">Completed</div>
<div class="TableModelDataCell TableModelCellBorderLastInLine" style="padding-left: 6px; width: 78px;"><div style="padding-left: 6px;padding-top: 3px;"><img style="margin-top: 4px;" alt="" src="../Images/GridViewDetails.png" onclick="taskDetails(5653);">&nbsp;<img alt="" src="../Images/pivot.png" onclick="showEod(5653);">&nbsp;</div></div>
<div style="clear: both;height: 0;"></div>
<div class="TableModelFooter" style="width:1451px;"><div style="text-align: right;margin-right: 15px;">1 - 15 (250)&nbsp;&nbsp;&nbsp;&nbsp;<span class="TableModelDisabledPageSwitcher">First</span>&nbsp;&nbsp;<a class="TableModelActivePageSwitcher" onclick="overviewPageLoad(16)" href="#">Last</a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="TableModelDisabledPageSwitcher">Prev</span>&nbsp;&nbsp;<a class="TableModelActivePageSwitcher" onclick="overviewPageLoad(1)" href="#">Next</a></div></div>

Thanks in advance :)

Edited by soerenkbhg on Nov 06, 2012 09:15 AM
Edited by soerenkbhg on Nov 06, 2012 10:23 AM

- Reply
Xequence

Contributor

4313 Points

1528 Posts

Re: IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

Nov 05, 2012 10:50 PM|LINK

reset your td elements in your css by adding a td{padding:0; margin:0}

Mysite
Credentials
- Edited by xequence on Nov 06, 2012 10:23 AM
- Reply
soerenkbhg

Member

134 Points

75 Posts

Re: IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

Nov 06, 2012 09:10 AM|LINK

Hi,

It is not a table but DIV's. I tried to add your suggestion to the CSS included for all cells - unfortunately without effect.

But thanks for the attempt to help me :)
- Edited by soerenkbhg on Nov 06, 2012 10:23 AM
- Reply
soerenkbhg

Member

134 Points

75 Posts

Re: IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

Nov 06, 2012 10:32 AM|LINK

Solved: Using style='clear: both;font:0' instead of height: 0
- Marked as answer by soerenkbhg on Nov 06, 2012 10:32 AM

‹ Previous Thread|Next Thread ›

IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF) RSS

3 replies

soerenkbhg

IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

Xequence

Re: IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

soerenkbhg

Re: IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

soerenkbhg

Re: IE8 mode makes spaces between div after being refreshed using javascript (Not in IE9 and FF)

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft