Баги обозревателя Mozilla FireFox .
mod . 14.11.2011

Mozilla FireFox - баги и артефакты обозревателя якобы поддерживающего стандарты HTML 4.01 , CSS 2.1 и CSS 3 .
Обнаруженные в процессе создания сайта . С описанием и примерами HTML текста , скриншотами багов .

Суть проблемы в применении стиля бордюра CSS 3 - border-radius в таблицах , а именно в тегах table и td . В обозревателях Internet Explorer 9 и Google Chrome указанные зоны выполнены с закруглением углов в стилях тегов , как это и планировалость изначально . А как это выглядит на странице в обозревателе Opera можете убедиться сами .
Для более наглядной демонстрации факта бага далее приведён пример HTML и скриншоты из которых ясно видна суть проблемы ....
HTML примера .
<table style="background-image: url('http://runettex.clan.su/FPD/FPPG.png'); border: 1px transparent solid; border-radius: 1.7em; width: 30%; margin: 5em 0px 0px 5em;" cellpadding="0" cellspacing="0">
<tr style="background-image: url('http://runettex.clan.su/FPD/FPPG.png');">
<td colspan="2" style="border: 1px transparent solid; border-radius: 1.7em 0px 0px 1.7em; padding: 1em;">
<img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;">
<img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;">
</
td>
<td style="border: 1px transparent solid; border-radius: 0px 1.7em 1.7em 0px; padding: 1em;">
<img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td>
</tr>
<tr>
<td style="padding: 1em;"><img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td>
<td style="padding: 1em;"><img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td>
<td style="padding: 1em;"><img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td>
</tr>
<tr style="background-image: url('http://runettex.clan.su/FPD/FPPG.png');">
<td colspan="3" style="border: 1px transparent solid; border-radius: 1.7em; padding: 1.7em; text-align: center;">
<img src="http://runettex.clan.su/FPC/test.gif" style="
width: 3em;">
<img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;">
<img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;">

</td>
</tr>
</table>
Скриншот примера как он отображается в обозревателях Internet Explorer 9 и Google Chrome 12 .....
А вот так пример отображается в обозревателе FireFox .....

Суть проблемы в том что обозреватель Opera применяет стиль бордюра - border-radius в тегах таблицы только в теге table , стиль бордюра border-radius в теге td Opera не применяет , несмотря на то что он там прописан . Цветными указателями указаны , " углы " фона тега td , незакруглённые ни стилем прописанным в самом теге и не ограниченные стилем бордюра в теге table ( указатели на белом фоне ) .
Само собой разумеется так же отсутствует закругление фона тега td и изнутри конструкции примера ( указатели на фоне самого элемента ) .

Non-Commercial Use: Free Runettex_team_ESQ © 2009 - 2024 Хостинг от uCoz