Консультация № 24077
27.07.2005, 01:27
0.00 руб.
0 20 3
Здравствуйте, эксперты.
Есть код (см. приложение (1)). Как сделать ЭТО посреди страницы (по горизонтали) по канонам HTML 4.01 (Strict)?
«align=center» — нельзя — убрали из стандарта. Обрамить в «center» — тоже. «div style="test-align:center"» не работает в Opera и FireFox. Что-то ещё пробовал — тоже ничего не выходит. В IE кое-что работает, но в других браузерах — нет.
Пока обхожусь способом (2), но это нерационально.
Что делать? Я так понимаю
Спасибо. Счастья, удачи и любви,
Ermine.

Приложение:
(1)<div style="border: 1px solid #0000CC; width: 500px">Если женщина говорит, что ненавидит тебя — значит, любит, но ты козел!</div>(2)<table width="100%" cellspacing="0" cellpadding="0"> <tr> <td align="center"><div style="border: 1px solid #0000CC; width: 500px">Если вас мучает совесть по ночам, спите днем.</div></td> </tr></table>

Обсуждение

Неизвестный
27.07.2005, 02:23
общий
это ответ
Здравствуйте, Ermine!
всегда и везде( до сего момента ;)) работало (см. ниже)
.но у слоев DIV нужно выставить значение параметра position:|absolute|relative|не помню :(|,это знаение определяет как будет расположен слой относительно родительского контейнера.(т.е. будет зависеть от его положения(relative) или нет(absolute)).
возможно в чемто ошибся, прошу меня поправить.


Приложение:
<table style="width:100%"><tr><td style="width: 100%;align: center;">тут твой код</td></tr></table>
Неизвестный
27.07.2005, 07:22
общий
это ответ
Здравствуйте, Ermine!
А вы заключите всё в <center> ... </center><p><h6>* Metall forever! *</h6>
Неизвестный
28.07.2005, 00:27
общий
это ответ
Здравствуйте, Ermine!
Для начала, уясним одно, кто эти стандарты поддерживает, и кому они писаны, это долго. В css все очень просто, обявил что-то, а потом в тегах ХТМЛ пишешь атрибут class="мой_х_знает_какой_класс".
Удачи!
Неизвестный
28.07.2005, 03:09
общий
вот дался тебе этот div а что <p> это страшно, кстати насчет стандартов, там div тоже не любят
Неизвестный
28.07.2005, 03:10
общий
"<p>" имелось в иду
Неизвестный
28.07.2005, 03:12
общий
p имелось в иду еще раз. Калашников, что такое?
Неизвестный
28.07.2005, 15:37
общий
Что-то я не понимаю, о чём эти три поста выше... Аааа... Сейчас посмотрю исходный код страницы...DIV не любит стандарт HTML 4.01??? Возможно, я чего-то не знаю, что это же один из основных контейнеров...
Неизвестный
28.07.2005, 15:39
общий
Вот сайт, на котором можно проверить код на соответствие стандарту: http://validator.w3.org/А вот мой сайт: http://ermine.pnz.ru/, который я пытаюсь под стандарт подогнать. И всё пока получается, кроме того, что нужно избавиться от общей интерфейсной таблицы, чтобы в IE грузилось быстрее.
Неизвестный
28.07.2005, 15:44
общий
Посмотрел исходник этой страницы. элемент p служит для обознчения абзацев. И я про этот элемент вообще ничего не говорил. Я говорю, что нужно избавиться от таблиц и сделать этот самый div посреди страницы... В соответствии со стандартом HTML 4.01.Неужели никто не подскажет?
Неизвестный
28.07.2005, 15:50
общий
<div align=center>Text</div>
Неизвестный
28.07.2005, 15:50
общий
"<div align=center>Text</div>"
Неизвестный
28.07.2005, 15:51
общий
<code><div align=center>Text</div></code>
Неизвестный
28.07.2005, 15:54
общий
<div align=center>Text</div>
Неизвестный
28.07.2005, 15:55
общий
< и > соотвественно угловые скобки, здесь форум хавает все как код
Неизвестный
28.07.2005, 16:08
общий
Простите, уважаемый, align=center для div использовать нельзя. Стандарт не позволяет.Простите, что потратили на меня своё время. Буду искать иные источники информации.
Неизвестный
28.07.2005, 16:54
общий
Я наконец-то нашёл решение. Спасибо _vt, который подтолкнул на верную тропу. Делается это так:<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>Привет, мир! :)</title><style type="text/css"><!--#qqq {width: 200px;border: 1px solid #0000CC;margin: 0px auto;text-align: left;}body {text-align: center;}--></style></head><body><div id="qqq">fghfgh</div></body></html>
Неизвестный
28.07.2005, 16:55
общий
Работает везде и по стандарту...Спасибо всем!
Неизвестный
28.07.2005, 17:06
общий
То есть всё дело было в margin: 0px auto;, без которого в Opera и FireFox блок был слева, а не в центре...Ну всё. Спасибо за внимание...
Неизвестный
02.08.2005, 22:32
общий
Здравствуйте, <b>Ermine</b>.Извините за опоздание - только получил рассылку.Ошибка в одну букву - у Вас написано <b>test</b>.div style="<b>text</b>-align:center" Как сделать ЭТО посреди страницы (по горизонтали)."</div>Все заработало и Опере и Фоксе.С <b>Уважением</b>, <b>Gin</b>.</body>
Неизвестный
05.08.2005, 12:48
общий
Gin, действительно, в вопросе была ошибочка. Но она и не играет особой роли. Ведь то, что вы только что написали заставляет ТЕКСТ отображаться посреди страницы, но не сам блок.А сам блок будет отображаться посередине только если использовать margin:0px autoИ даже text-align:center использовать не нужно.Спасибо и вам за содействие
Форма ответа