%D0%91%D0%B5%D0%B7%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.jpg
Вот так иногда отображается станица этого форума.
А также некоторые другие страницы.
В чем проблема?

%D0%91%D0%B5%D0%B7%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-12.jpg
Вот пример еще одного сайта.
Но так бывает не всегда.
А после перезагрузки ФФ нормально отображает (но не всегда)

не открываются ссылки на изображения. Залей сюда на форум.

Залил

Первое: не до конца загрузились CSS. Обнови страницу. Это просто маленький косячок в кеше.

Второе: ничего не увидел. Объясни хоть, в чём трабла.

Приветствую.

Мой ФФ некорректно отображает код:

Выделить код

Код:

<div style="padding: 20 20 20 20; width: 750px; border: dotted 1px;">
    <table>
      <tr>
        <td>
          &nbsp;<nobr><font style="font-size: 10px;">Пароль</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 13px;">Проверка соединения</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 14px;">Интернет-соединение</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 11px;">VPN-подключение</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 15px;">Настройка программ</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 15px;">PROXY-сервер</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 22px;">Чат</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 12px;">Необходимые условия</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 13px;">Изменение пароля</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Outlook Express</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Адреса сайтов</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 12px;">Internet Explorer</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 16px;">Outlook Express</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 30px;">Настройка компьютера</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 11px;">NetLimiter</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 22px;">Авторизация</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 13px;">Схема сети</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 16px;">Подключение к сети</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 19px;">VPN-подключение</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 14px;">NetLimiter</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 26px;">Общий доступ</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 18px;">Мир Интернет</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Авторизация</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Microsoft Firewall Client</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 20px;">Городская сеть</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Телефония</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Электронная почта</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Windows Messenger</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 11px;">Express Talk</font></nobr>&nbsp;
          &nbsp;<nobr><font style="font-size: 10px;">Синхронизация времени</font></nobr>&nbsp;
        </td>
      </tr>
    </table>
  </div>

Это список популярных статей на локальном веб-ресурсе, поэтому ссылку дать не получится. Перенесите пожалуйста код в текстовый файл и протестируйте. Популярные статьи выделяются большим размером шрифта. Этот код генерирует php.
В ФФ у меня некорректно осуществляется перенос строк в блоке.
Мой ФФ :::: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.8.1) Gecko/20061010 Firefox/2.0
В IE6 и Opera9 перенос происходит корректно.

Как изменить код, чтобы в ФФ также был корректный перенос.

totosha
Скриншоты правильного и неправильного варианта в студию.
А лучше ещё и ссылку на страничку.

PS. За отсутствие единиц измерения в padding и использование тега font можно сразу ставить два за вёрстку.

Спасибо за внимание.
Скрины:
1. Файрфокс i-1.jpg
2. Експлорер i-2.jpg

Ширина блоков одинакова, только масштаб первого скрина меньше.
Про теги. Это вырезанный и отредактированный кусок большой страницы. Единицы измерения дописать забыл. А про тег font - в этом случае непринципиально какой тег использовать для задания размера шрифта. font по смыслу к этому даже ближе.

Вопрос остается открытым: что сделать для правильного отображения?

totosha, не правильно отображает как раз IE.
Firefox отображает верно в соответствии со стандартом. Вот здесь (и не только здесь, тут просто наглядно в картинках показывается) показываются примеры как должно быть. Еще тут непосредственно ваш случай, но с другой стороны рассмотренный. Тут четко показывается, что блок, которому жестко задана ширина, такой ширины и остается. А его содержимое не может растягивать контейнер и при превышении указанной ширины, вылазит наружу.
В общем, изучайте стандарт. Это пойдет вам только на пользу.

Добавлено Чтв 29 Мар 2007 07:17:50 :

font - в этом случае непринципиально какой тег использовать для задания размера шрифта. font по смыслу к этому даже ближе.

font является пережитком прошлого и не рекомендуется к использованию.
Рекомендую почитать. Конечно с содержимым этой странички можно спорить, т.к. там описываются требования XHTML, но ориентироваться на нее все же стоит. По своему опыту могу сказать что XHTML в режиме Transitional снимает часть головной боли в вопросе межбраузерной совместимости, за что ему и благодарен. Я имею в виду естественно реакцию IE 6 на этот режим.

Azathoth, я плохо знаю английский, поэтому с документацией буду разбираться долго.

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

Блоку задана ширина, но почему внутри блока не выполняется корректный перенос слов? Кстати помимо IE такой перенос корректно делает Opera.
Возможно, вас в заблуждение вводят скриншоты. Они просто разного масштаба. В реальности ширина блоков одинакова в разных браузерах. Просто в ФФ текст выходит за поля, а в IE и Opera выполняется перенос слов так, что текст остается внутри блоков. Напомню ширина этих блоков одинакова.
Замена font на span не меняет дела. Если не сложно, напиши как конкретно изменить код страницы, чтобы во всех браузерах этот блок правильно отображался?

Отдельное спасибо за http://xhtml.ru/2006/06/04/deprecated/. Приму к сведению.

totosha, если так?

Выделить код

Код:

<div style="padding: 20 20 20 20; width: 750px; border: dotted 1px;">
          &nbsp;<span style="font-size: 10px;">Пароль</span>&nbsp;
          &nbsp;<span style="font-size: 13px;">Проверка&nbsp;соединения</span>&nbsp;
          &nbsp;<span style="font-size: 14px;">Интернет-соединение</span>&nbsp;
          &nbsp;<span style="font-size: 11px;">VPN-подключение</span>&nbsp;
          &nbsp;<span style="font-size: 15px;">Настройка&nbsp;программ</span>&nbsp;
          &nbsp;<span style="font-size: 15px;">PROXY-сервер</span>&nbsp;
          &nbsp;<span style="font-size: 22px;">Чат</span>&nbsp;
          &nbsp;<span style="font-size: 12px;">Необходимые&nbsp;условия</span>&nbsp;
          &nbsp;<span style="font-size: 13px;">Изменение&nbsp;пароля</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Outlook&nbsp;Express</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Адреса&nbsp;сайтов</span>&nbsp;
          &nbsp;<span style="font-size: 12px;">Internet&nbsp;Explorer</span>&nbsp;
          &nbsp;<span style="font-size: 16px;">Outlook&nbsp;Express</span>&nbsp;
          &nbsp;<span style="font-size: 30px;">Настройка&nbsp;компьютера</span>&nbsp;
          &nbsp;<span style="font-size: 11px;">NetLimiter</span>&nbsp;
          &nbsp;<span style="font-size: 22px;">Авторизация</span>&nbsp;
          &nbsp;<span style="font-size: 13px;">Схема&nbsp;сети</span>&nbsp;
          &nbsp;<span style="font-size: 16px;">Подключение&nbsp;к&nbsp;сети</span>&nbsp;
          &nbsp;<span style="font-size: 19px;">VPN-подключение</span>&nbsp;
          &nbsp;<span style="font-size: 14px;">NetLimiter</span>&nbsp;
          &nbsp;<span style="font-size: 26px;">Общий&nbsp;доступ</span>&nbsp;
          &nbsp;<span style="font-size: 18px;">Мир&nbsp;Интернет</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Авторизация</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Microsoft&nbsp;Firewall&nbsp;Client</span>&nbsp;
          &nbsp;<span style="font-size: 20px;">Городская&nbsp;сеть</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Телефония</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Электронная&nbsp;почта</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Windows&nbsp;Messenger</span>&nbsp;
          &nbsp;<span style="font-size: 11px;">Express&nbsp;Talk</span>&nbsp;
          &nbsp;<span style="font-size: 10px;">Синхронизация&nbsp;времени</span>&nbsp;
  </div>

Azathoth, так работает. Ура!

Корректный перенос:
&nbsp;<span style="font-size: 10px;">Outlook&nbsp;Express</span>&nbsp;

Некорректный перенос:
&nbsp;<span style="font-size: 10px; white-space: nowrap;">Outlook Express</span>&nbsp;

Ваше мнение: вариант с некорректным переводом - это баг Firefox или неправильный html-код? (нужно учесть что в IE6 и Opera9 оба варианта работают корректно)

totosha пишет

Ваше мнение: вариант с некорректным переводом - это баг Firefox или неправильный html-код?

Склоняюсь к тому, что баг =)