Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Различный результат в разных браузерах

Автор: sdsdsdsd 16.11.2009, 00:08

Делал изначально в Опере, но тут запустил страницу в Firefox'e меня ожидал сюрприз. Различный результат.

http://www.radikal.ru

Вот код:

Код

<div style="position:absolute; top:10; left:0;  padding:5px; padding-left:10px; font-size:8pt;  background:#000000; width:19em;">
<span style="color:#ffffff;">1234567891234567890123456789123456789</div>

<div style="position:absolute; top:37; left:0;  padding:5px; padding-left:10px; font-size:8pt;  background:#000000; width:10em;">
<span style="color:#ffffff;">1234567890123456789</span></div>

Как с этим бороться? Кто нибудь может показать правильный вариант для моего кода.

Спасибо.

Автор: blah 16.11.2009, 12:52

1. Теги надо закрывать.
2.

Код


top:37;

Указывайте единицы измерения.
3. Укажите шрифт для отображения, шрифты по умолчанию в браузерах разнятся.

Код


<div style="font:12px/18px Arial, Tahoma, Verdana, sans-serif">
    <div style="position:absolute; top:10px; left:0;  padding:5px; padding-left:10px; font-size:8pt;  background:#000000; width:19em;">
    <span style="color:#ffffff;">1234567891234567890123456789123456789</span></div>
    <div style="position:absolute; top:37px; left:0;  padding:5px; padding-left:10px; font-size:8pt;  background:#000000; width:10em;">
    <span style="color:#ffffff;">1234567890123456789</span></div>
</div>