Jump to content
  • 0

Вертикальное выравнивание рисунка в блоке


Punsh
 Share

Question

Всем привет!

сразу к делу. есть блок, внутри него надо отцентрировать рисунок по вертикали. вроде бы есть решение height:... line-height:... Но не работает в IE 6. Для IE6 нашел нашел на этом форуме решение с пустым <span>, но оказалось что не работает в Google Chrome (а, следовательно в Sofari).

Вот кстати рисунок.

1144756_bigthumb.gif

Итак мне просто нужно чтобы значок RSS был на одной линии с текстом.

Никаких таблиц. необходима валидность, совместимость: IE6 и выше, Opera 9 и выше, FF 2 и выше, Google Chrome. Вроде бы на превый взгляд задача оч. проста, но бъюсь уже целый день :)

Доп инфо - высота блока и размеры рисунка известны. Особое требование - при изменении масштаба на один шаг нужно чтобы ничего не "плыло", пусть плывет после 3-х шагов. :)

Гуру, уповаю на вас!

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Выравнивание по центру задается разными способами:

- одинаковые поля сверху и снизу;

- отступами http://htmlbook.ru/content/?id=95

- использование vertical-align для встроенных элементов.

Раз ни один из размеров не известен, то лучше таблицу использовать.

Link to comment
Share on other sites

  • 0
Раз ни один из размеров не известен, то лучше таблицу использовать.

размеры как раз известны. да и таблица не подошла бы в любом случае - у меня на них аллергия, я на таблицах даже верстать не умею :), только блоковая модель. Итого: перелопатил почти все варианты которые есть в сети, сам ничего нового не изобрел :) хотел остановиться на способе с экспрешн. но в итоге плюнул, и сделал просто с использованием оступов.

зы. как я ненавижу IE6 !!!!!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy