Элемент не центрируется в Firefox / IE.

[Kawamura]

Довелось мне править чужой говнокод.

Основной кусок:

<tr>
<td>
<table align="center">
<tr>
<td>
<table align="center">
<tr>
<td>
<DIV align="center"><TABLE STYLE='width: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: 0% 0%; background-image: url("http://*.ru/obuchenie.png"); border-collapse: collapse' align summary="null"><TBODY><TR><TD STYLE='width: 1198px; letter-spacing: 0px; word-spacing: 0px'><BR><BR><BR><BR><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE><DIV onclick="if (document.all['menu3'].style.display=='') document.all['menu3'].style.display='none'; else document.all['menu3'].style.display='';"><DIV align="center"><IMG alt="null" align="middle" src="/ege.png"><BR><BR></DIV></DIV><DIV STYLE='display: none' id="menu3"><TABLE><TBODY><TR><TD>

<center><table><td><tr>
<DIV><A href="http://*.ru/index/obuchenie/0-12"><IMG border="0" align="middle" src="http://img153.imageshack.us/img153/3113/28279322.png"></A>
<br><br></div></tr></td></table></center>

</TD></TR></TBODY></TABLE></DIV><DIV onclick="if (document.all['menu4'].style.display=='') document.all['menu4'].style.display='none'; else document.all['menu4'].style.display='';"><DIV align="center"><IMG alt="null" align="middle" src="/english.png"><BR><BR></DIV></DIV><DIV STYLE='display: none' id="menu4"><TABLE><TBODY><TR><TD>

<center><table><td><tr>
<DIV><A href="http://*.ru/index/obuchenie/0-12"><IMG border="0" align="middle" src="http://img716.imageshack.us/img716/556/20950598.png"></A>
<br><br></div></tr></td></table></center>

</TD></TR></TBODY></TABLE></DIV><DIV onclick="if (document.all['menu5'].style.display=='') document.all['menu5'].style.display='none'; else document.all['menu5'].style.display='';"><DIV align="center"><IMG alt="null" align="middle" src="/sait.png"><BR><BR></DIV></DIV><DIV STYLE='display: none' id="menu5"><TABLE><TBODY><TR><TD>

<center><table><td><tr>
<DIV><A href="http://*.ru/index/obuchenie/0-12"><IMG border="0" align="middle" src="http://img412.imageshack.us/img412/536/51011772.png"></A>
<br><br></div></tr></td></table></center>

</TD></TR></TBODY></TABLE></DIV><DIV onclick="if (document.all['menu6'].style.display=='') document.all['menu6'].style.display='none'; else document.all['menu6'].style.display='';"><DIV align="center"><IMG alt="null" align="middle" src="/nlp.png"><BR><DIV align="center"><DIV align="center"><DIV align="center"><DIV align="center"><BR></DIV></DIV></DIV></DIV></DIV></DIV><DIV STYLE='display: none' id="menu6"><TABLE><TBODY><TR><TD>

<center><table><td><tr>
<DIV><A href="http://*.ru/index/obuchenie/0-12"><IMG border="0" align="middle" src="http://img443.imageshack.us/img443/4162/61461462.png"></A>
<br><br></div></tr></td></table></center>

</TD></TR></TBODY></TABLE></DIV>



<DIV align="center"><A href="http://*.ru/index/obuchenie/0-12" target="null"><IMG src="/8.png"><BR></DIV><DIV align="center"><BR></DIV><DIV align="center"><BR></DIV><DIV STYLE='display: none' id="menu9"><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE></DIV><DIV align="center"><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></DIV></TD></TR></TABLE></DIV>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width="100%" valign="right">
<tr>
<td>
<img src="http://*.ru/5.png" align="right" height="180" width="340">
</td>
</tr>
</table>
</td>
</tr>
</table>

<table background="http://*.ru/fon1.png" valign="top" width="100%">

Собственно, вот этот элемент:

<br><br></div>

<DIV><A href="http://*.ru/index/obuchenie/0-12"><IMG border="0" align="middle" src="http://img153.imageshack.us/img153/3113/28279322.png"></A>

должен центрироваться, по сути он и центрируется, но только в Опере, в других браузерах почему-то нет.

Не знаю, что с этим делать, уже все перепробовал, но это такой говнокод, что тут без поллитра не разберешься.

Помогите, пожалуйста.

Edited July 13, 2010 by Kawamura

[s0rr0w]

align="center"

middle из другой оперы

[npofopr]

напишите свой говнокод, если этот не нравится.

еще тэг <center> центрирует всё и вся)

align="center" только к div'у вроде надо. к картинке не поможет.

[sigma77]

align="center"

middle из другой оперы

А как давно у нас у img появился атрибут align="center"?

http://www.w3.org/TR/html401/struct/objects.html#h-13.7.4

Не знаю, что с этим делать, уже все перепробовал, но это такой говнокод, что тут без поллитра не разберешься.

Помогите, пожалуйста.

Нужному блоку:

div {text-align: center:}

[s0rr0w]

А как давно у нас у img появился атрибут align="center"?

А кто сказал, что было написано про тег img?

[sigma77]

А кто сказал, что было написано про тег img?

А ты видишь какие-либо другие элементы с атрибутом align="middle"?

Edited July 13, 2010 by sigma77

[s0rr0w]

А ты видишь какие-либо другие элементы с атрибутом align="middle"?

А обязательно только замену делать?

[Kawamura]

align=middle не мое, без этого ранее элемент не центрировался, я весь див запихал в таблицу и ей сделал <center>. В Опере это заработало по маслу, в ФФ - ... теперь даже эти блоки на JS не раскрываются. :/ Ладно, буду отмазываться как-то.