Проблема с отображением текста

BaHo · №1

Почему-то по разному отображается жирный шрифт в таком вот примере (на a.html он более "жирный" чем на b.html):
a.html

Код:

<html><head><link href = "styles.css" type = "text/css" rel = "stylesheet"></head>
<body bgcolor = "000000"> 
<table id = "menu">
  <tr><td><a href = "a.html">No header</a></td></tr>
  <tr><td><a href = "b.html">With header</a></td></tr>
</table>
</body></html>

b.html

Выделить код

Код:

<html><head><link href = "styles.css" type = "text/css" rel = "stylesheet"></head>
<body bgcolor = "000000">
<div id = "header"></div>
<table id = "menu">
  <tr><td><a href = "a.html">No header</a></td></tr>
  <tr><td><a href = "b.html">With header</a></td></tr>
</table>
</body></html>

styles.css

Выделить код

Код:

#menu {
  position: fixed;
  top: 10;
  left: 10;
  background-color: #000000;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  background-color: #000000;
}
a {
  color: #ffff00;
  font-weight: bold; 
}

Firefox 6.2.0.
В других браузерах и более старой Firefox версии 3.6.12 все отображается нормально.

Может кто подскажет в чем может быть причина?

vladmir · №2

Угу, в SeaMonkey 2.3.3 тот же эффект.
Ну это не более жирный, а размытый такой получается.

У вас там в одном случае один слой поверх другого идёт, а в другом один слой только.
Может быть изменится если доктайп добавить.
Не знаю баг или фича.
Если не лень поищите в багзилле по dithering - что-то там менялось, ну и тут на форуме были не такие точно темы, но на эту же тему.))

Полезная информация

№116-09-2011 17:27:05