Форум Сайтостроение Веб-строительство

Сайт неправильно отображается в Firefox

A
На сайте с 08.12.2010
Offline
104
alexdn
7305

Зашёл на свой сайт через Firefox, и обнаружил, что вставленные в текст картинки, которые должны отображаться по центру относительно текста, почему-то съезжают в вправо в сайдбар. Кроме того, текст, выделенный тегом <strong>, отображается как обычный.

В чём может быть проблема? Если б это был какой-нибудь IE 6 или 7, то даже не беспокоился бы. Но это же Firefox... В Опере всё отображается правильно, В Chrome - не выделяет <strong>, но с изображениями всё в норме. Пожалуйста, помогите разобраться, никак не могу понять, в чём причина. Сайт на Вордпрессе.

ParserYa
На сайте с 04.10.2010
Offline
29
ParserYa
#1

что бы strong отображался жирным, попробуйте поставить ксс свойство fonr-weight:bold. Ну а вообще желательно глянуть на пациента, а не на скриншот... Какой доктайп используете?

A
На сайте с 08.12.2010
Offline
104
alexdn
#2
ParserYa:
Ну а вообще желательно глянуть на пациента, а не на скриншот... Какой доктайп используете?

http://ukraine-fm.com/,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[Удален]
#3

http://easycaptures.com/fs/uploaded/343/2550688538.jpg

C
На сайте с 04.02.2005
Offline
291
Chukcha
#4

1. на странице нет ни одного тега stong

2. В стилях - не описаны свойства strong

3. Попытаться сделать верстку валидной.

A
На сайте с 08.12.2010
Offline
104
alexdn
#5
Chukcha:
1. на странице нет ни одного тега stong
2. В стилях - не описаны свойства strong
3. Попытаться сделать верстку валидной.

1. На этой странице - нет, но есть на других.

2. Да, попробую задать.

3. Не знаю, как это сделать. Хоть бы узнать, из-за чего происходит смещение изображения в Firefox и устранить этот баг.

WordPress представила Gutenberg 11.2 Google устранил баг, блокирующий Из-за бага в интерфейсе
C
На сайте с 04.02.2005
Offline
291
Chukcha
#6

На каких страницах - или я должен везде облазить в поисках проблемы?

С картинками не вижу проблем, все на месте - показывайте больную страницу

Что касается валидности 

<li class="page_item page-item-622"><a href="http://ukraine-fm.com/contacts/" title="Контакты">Контакты</a></li>



    <form method="get" id="searchform" action="http://ukraine-fm.com" />

      <div>

        <input type="text" value="" name="s" id="s" />

        <input type="submit" id="searchsubmit" value="Поиск" />

      </div>

    </form>    </ul>

То такой код должен выглядеть приблизительно так - правьте шаблон 


<li class="page_item page-item-622"><a href="http://ukraine-fm.com/contacts/" title="Контакты">Контакты</a></li>

</ul>

    <form method="get" id="searchform" action="http://ukraine-fm.com" />

      <div>

        <input type="text" value="" name="s" id="s" />

        <input type="submit" id="searchsubmit" value="Поиск" />

      </div>

    </form>
A
На сайте с 08.12.2010
Offline
104
alexdn
#7
Chukcha:

С картинками не вижу проблем, все на месте - показывайте больную страницу

Ну хотя бы на этих:

ukraine-fm.com/radiostations/novaya-volna/

ukraine-fm.com/radiostations/nashe-radio/

В FF 3.6.13 картинка смещается вправо и "налазит" на сайдбар (как на скриншоте в 1-м посте).

C
На сайте с 04.02.2005
Offline
291
Chukcha
#8

рекомендую в таких случаях помещать img в блоковый элемент, а не делать из inline элемента block

<p style="text-align:center"><img ....

</p>

Убрав при этом классы со свойством display:block

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий