Как выровнять текст вокруг правого нижнего изображения, используя разделитель div (не работает в Safari)? - PullRequest
0 голосов
/ 22 сентября 2011

У меня есть фиксированная высота div и я хочу выровнять изображение в нижнем правом углу с текстом (неизвестной / переменной длины), чтобы обернуть его вокруг. В идеале я бы хотел избежать использования Javascript, и наилучшим решением на данный момент является использование вертикального разделителя над изображением (который представляет собой высоту контейнера - высоту изображения), чтобы сдвинуть его вниз. Это прекрасно работает в IE / FF, но текст на сафари перекрывает верхнюю часть изображения (мобильное и стандартное). Я не уверен, почему это происходит, я ценю, что шрифты отображаются по-разному, но наверняка текст должен обтекать div / image в любом случае? Вы можете увидеть пример того, о чем я говорю на http://jsfiddle.net/deshg/XScmK/, Я только что использовал цветной div с текстом вместо изображения в этом примере.

Любые мысли были бы в высшей степени признательны, так как я не уверен, почему это не работает?

Большое спасибо, как всегда,

Dave

1 Ответ

0 голосов
/ 22 сентября 2011

в вашем третьем div margin-top:20px; для быстрого исправления, но это увеличит ваш 1px широкий div.

также попробуйте изменить эти высоты: 141px до 140px и измените 159px до 160px.

...