Текст перекрывающихся изображений - PullRequest
1 голос
/ 20 августа 2009

Итак, у меня есть простая страница типа био с серией изображений слева с коротким абзацем о человеке справа. Они оба являются частью центрального столбца, поэтому слева от навигационной панели (изображение и письменная биография) есть несколько навигационных панелей, а справа - несколько рисунков. Страница отлично работает в Firefox 3.5.2 и IE 8 (8.0.6001.18813), но проблема проявляется как в Safari 4.0.3, так и в Chrome 2.0. Проблема в том, что для некоторых биографий текст биографии перекрывает изображение, действуя так, как будто там нет изображения. Кроме того, при перезагрузке страницы биос, на который накладывается текст, иногда изменяется. Кажется, есть набор из них, который может проявить проблему, поскольку некоторые из них никогда не делают. Они все выложены одинаково с точки зрения окружающих тегов.

Моей первой мыслью было, что здесь есть проблема с высотой, и некоторые гугл, кажется, подтверждают это, но после некоторого тестирования я не уверен. Я окружил раздел биоса новым div и установил его высоту на что-то высокое, и у страницы возникла та же проблема, только теперь у нее было много нового белого пространства под биосом. Изображения также установлены на выравнивание = влево. Любые идеи, как то, что я должен искать?

1 Ответ

2 голосов
/ 20 августа 2009

Вы установили изображения на display: block или заключили их в <p>?

Оставьте изображения за пределами абзацев.

Изменить это

<p>text text 
<img />
text text</p>

до

<p>text text</p>
<p><img /></p>
<p>text text</p>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...