Изза чего разница в отображении одного и тогоже кода сайта, при запуске в 2ух разных браузерах?

Question

[sunnyrio]

Почему написанный ниже код отображаеться в браузерах "Google Chrome" и "Firefox" по-разному???

<TABLE border="3px" bordercolor="black" cellspacing="0" cellpadding="0" style="padding: 0px 0px 0px 0px;">
<TR>
<TD width="83px" style="border: 0px;padding: 5px 0px 5px 0px;" class="tb_null">
&nbsp
<TD style="border: 0px;padding: 5px 20px 5px 20px;" onclick="window.location.href='http://www.time.ru'" class="tb_1">
<FONT class="b-content_info_3">Главная и каталог</FONT>
<TD style="border: 5px;padding: 5px 20px 5px 20px;" onclick="window.location.href='http://www.time.ru/AboutUs.html'" class="tb_1">
<FONT class="b-content_info_3">О нас</FONT>
<TD style="border: 5px;padding: 5px 20px 5px 20px;" onclick="window.location.href='http://www.time.ru/ShippingAndPayment.html'" class="tb_1">
<FONT class="b-content_info_3">Доставка и оплата</FONT>
<TD style="border: 5px;padding: 5px 20px 5px 20px;" onclick="window.location.href='http://www.time.ru/Contacts.html'" class="tb_1">
<FONT class="b-content_info_3">Контакты</FONT>
<TD width="83px" style="border: 0px;padding: 5px 0px 5px 0px;" class="tb_null">
&nbsp
</TABLE>

CSS

.tb_null 
{
background-color: #507299;       
}
.b-content_info_3 {
  color:white;
  font-size:20px;
  font-weight:300;
  font-family:AntiquaBold, sans-serif;
  line-height:20px;
}

Google Chrome:


Fifrefox:

Comments

[Ярослав Иванов]

Этот код из 90-ых ?

Answer 1

[Anton Bobylev]

Из-за разных настроек по-умолчанию. Попробуйте сбросить/унифицировать дефолтные настройки с помощью reset.css или normalize.css.

ps: код адовый /0

Comments

[Mikhail Osher]

Привет 90-ые)

[Anton Bobylev]

Mikhail Osher: это даже не 90е, а я не знаю что. Эта смесь инлайн стилей и классов больше похожа на хитровымученный билет на экзамене.

[sunnyrio]

Хаха))) я только учусь, а что значит сбросить/унифицировать дефолтные настройки?

Answer 2

[sunnyrio]

Не пойму как это использовать, ведь я уже выставил все настройки в .css файл и на всех страницах он подгружаеться. почитал про reset.css немного не допонял в чем суть

Comments

[Anton Bobylev]

Давайте по пунктам.
1) Использовать таблицы для позиционирования элементов - плохо. Нужно использовать flex или на худой конец float.
2) Мешать инлайн стили и классы - плохо. Нужно использовать только классы.
3) Чтобы не обращать внимания на различные настройки браузеров нужно подключать заранее подготовленные css файлы. Есть два подхода:
3.1) сбрасывать все стили - reset.css
3.2) нормализовать все стили - normalize.css

Вот ссылка на популярные варианты: cssreset.com