Взгляните на следующий код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head></head> <body> <div style="float:left; overflow:auto; width:400px; height:300px;"> <table cellspacing="0" cellpadding="0" border="0" style="width:600px; border:solid 1px #999999; border-collapse:collapse;" ><tr><td>testing</td></tr></table> </div> </body> </html>
Верхняя граница таблицы исчезает в Firefox. В чем проблема?
Моим первым предложением было бы удалить явный boder="0" из элемента и посмотреть, изменит ли это отображение.
boder="0"
Я бы добавил table-layout: fixed; к стилю
table-layout: fixed;
<table cellspacing="0" cellpadding="0" border="0" class="width:600px; border:solid 1px #999999; border-collapse:collapse; table-layout: fixed; "> <tr> <td>testing</td> </tr> </table>
Доброжелательность,
Dan