kodekq
05-07-2012, 17:35
В шапке сайта поверх банера имеется бегущая строка, во всех браузерах (firefox, chrome, ie) всё нормально - текст бежит с правого угла банера в левый, но в опере текст бежит с середины банера и уходит далеко за его пределы.
Часть кода:
<div id="head">
<table style="border-collapse: collapse; width: 100%;"><tr>
<td style=" padding-right: 2px; vertical-align: top; ">
<div style="text-align: center; "><a href="./index.htm">
<img src="verh.jpg" width="1012" height="314" alt="" style="letter-spacing: 0px;" border="0" /></a>
<div style="text-align:center;position:relative;bottom:32px; color: #008cf0; font: 23px Comic Sans MS">
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" loop="infinite" behavior="scroll" direction="left" scrollamount="3" scrolldelay="1" height="30" width="1000">НОВОСТИ </marquee></div>
</td></tr></table>
</div>
</div>
То-есть получается, что <div style="text-align: center; "> не распространяется в опере на бегущую строку. Что посоветуете сделать?
Часть кода:
<div id="head">
<table style="border-collapse: collapse; width: 100%;"><tr>
<td style=" padding-right: 2px; vertical-align: top; ">
<div style="text-align: center; "><a href="./index.htm">
<img src="verh.jpg" width="1012" height="314" alt="" style="letter-spacing: 0px;" border="0" /></a>
<div style="text-align:center;position:relative;bottom:32px; color: #008cf0; font: 23px Comic Sans MS">
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" loop="infinite" behavior="scroll" direction="left" scrollamount="3" scrolldelay="1" height="30" width="1000">НОВОСТИ </marquee></div>
</td></tr></table>
</div>
</div>
То-есть получается, что <div style="text-align: center; "> не распространяется в опере на бегущую строку. Что посоветуете сделать?