| |
|
|
| | В коде три примера.
Первый работает только в осле, но проходит валидацию с этим DOCTYPE.
Второй проходит валидацию, работает во всех браузерах, но использует таблицу, таблицу многие не любят использовать.
Третий не проходит валидацию с этим DOCTYPE, но работает во всех браузерах.
Как заставить первый вариант работать валидно и кроссбраузерно с этим DOCTYPE?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Центрируем</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css"><!--
.clas {
width:220px;
height:166px;
overflow:hidden;
background:silver;
text-align:left;
}
--></style>
</head>
<body>
<br>
<div style="text-align:center;">
<div id="poly1">
<div class="clas">Центрируем
</div></div></div>
<br>
<table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tr><td>
<div id="poly3">
<div class="clas">Центрируем
</div></div></td></tr></table>
<br>
<div align="center">
<div id="poly2">
<div class="clas">Центрируем
</div></div></div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: oldold
(14.05.2011 в 07:55)
| | | Комментарии в объявлении стиля зачем поставили? | |
| |
|
|
| |
|
|
| |
для: Агамемнон
(14.05.2011 в 09:34)
| | | Странный вопрос.
А по делу? | |
| |
|
|
| |
|
|
| |
для: oldold
(14.05.2011 в 07:55)
| | | Попробуйте такое решение
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Центрируем</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css"><!--
.clas {
width:220px;
height:166px;
overflow:hidden;
background:silver;
text-align:left;
margin: 0px auto;}
--></style>
</head>
<body>
<br>
<div id="poly1"><div class="clas">Центрируем</div></div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: cheops
(15.05.2011 в 11:30)
| | | Парни извините, только сейчас увидел, что забыл сказать! я не могу лезть в контейнер id="poly1", можно только снаружи.
Пока сделал таблицей, но вопрос всё ещё актуален.
cheops, спасибо и извини, ну.... | |
| |
|
|
| |
|
|
| |
для: oldOld
(16.05.2011 в 06:57)
| | | Ну, можно и внешним div-ом отцентрировать
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Центрируем</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css"><!--
.clas {
width:220px;
height:166px;
overflow:hidden;
background:silver;
text-align:left;
}
--></style>
</head>
<body>
<br>
<div style='margin: 0px auto; width: 220px;'>
<div id="poly1"><div class="clas">Центрируем</div></div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: cheops
(16.05.2011 в 09:54)
| | | Ширину давать, это не фонтан, но как вариант пригодится. В реальности ширина будет неизвестна, она вычисляется скриптом и не доступна.
Будем пользоваться чем есть.
cheops, спасибо. | |
| |
|
|
