Вот возник такой вопрос.
Есть таблица, ширина которой определяется содержимым.
Надо отцентрировать её, то есть посадить в центр экрана (по горизонтали).
Причём хотелось бы соответствовать стандарту xhtml 1.0, ибо стандарты рулят, и неприятно, когда на странице одно-единственное несоответствие. Отсюда мораль - align=center не катит, так как "there is no attribute "align""...
Зачем это нужно? Просто мне надо вывести на экран табличку, состоящую из двух частей - левая и правая часть. Причём текст в левой части выровнен по правому краю, а в правой - по левому. А чтобы было красиво, хочу всю эту табличку разместить по центру...
Вот, собственно, мои попытки:
| Код | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
body {
text-align: center;
}
.smalltable {
background-color: yellow;
}
.auxdiv {
text-align: center;
width: 100%;
}
.auxtable {
width: 100%;
}
</style>
</head>
<body>
<table class="auxtable">
<tr>
<td>
<table class="smalltable">
<tr>
<td>
Работает только под IE 6, Opera 7.54,
не работает под Opera 6.0, 7.0, Mozilla Firefox 1.0
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="smalltable">
<tr>
<td>
Работает IE only
</td>
</tr>
</table>
<div class="auxdiv">
<table class="smalltable">
<tr>
<td>
Работает IE only
</td>
</tr>
</table>
</div>
<div align="center">
<table class="smalltable">
<tr>
<td>
Так работает, но не катит, хочу css
</td>
</tr>
</table>
</div>
</body>
</html> |
|
