Глюки с отображением границ таблицы, вписанной в DIV

littlegu · №1

Здравствуйте! У меня такая проблема: у таблицы, вписанной в див, не отображается левая и верхняя границы. Причем только в FF - в опере, эксплорере, сафари и хроме отображается нормально. Проблема решается двумя способами:
1) заданием padding: 1px; со всех сторон (ну или хотя бы сверху и слева) у дива;
2) заданием overflow: visible; вместо auto у дива.

Но паддинги мне нужны нулевыми, а overflow нужен обязательно auto - как быть?

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
  <style type="text/css">

	/*обнуление*/
	TABLE { PADDING: 0px; MARGIN: 0px; BORDER-COLLAPSE: collapse; BORDER-WIDTH: 0px;}
	TR { PADDING: 0px; MARGIN: 0px; BORDER-WIDTH: 0px;}
	TD { PADDING: 0px; MARGIN: 0px; BORDER-WIDTH: 0px;}
	DIV {PADDING: 0px; MARGIN: 0px; BORDER: 0;}

	/*классы*/
	.admMirrowBlock { clear: both; width: 690px; overflow: auto;}
	.tab1 { BORDER: 1px solid #999999; WIDTH: 100%;}
	.tab1 TD { BORDER: 1px solid #999999; padding: 2px 4px;}

  </style>
</head>
<body>
<div class="admMirrowBlock">
	<table class="tab1">
		<tbody>
			<tr><td>Текст</td><td>Текст</td></tr>
			<tr><td>Текст</td><td>Текст</td></tr>
		</tbody>
	</table>
</div>
</body>
</html>

Отредактировано littlegu (06-03-2009 10:21:44)

Lynn · №2

Убрать border-collapse

В этом месте стандарт написан очень невнятно, с одной стороны, при border-collapse:collapse размеры таблицы и ячеек должны отсчитываться от середины границ, а с другой стороны, куда девать лишних пол-пикселя (и куда его округлять) не написано.