Jump to content
  • 0

Отображается по разному в одном и том же браузере


Ritter
 Share

Question

В общем есть кнопка с фоном, ссылка обведена рамкой:

padding {8px 20px}.

В мозилле начиная с версии 4 и по 7-ю отображается по другому, как {9px 20px}. Поставил хак:

@-moz-document url-prefix()
{
padding {7px 20px}.
}

На компьютере стало нормально, посмотрел с ноутбука (таже винда, таже мозилла), в ней padding {7px 20px} отображается как и есть на самом деле. Проверил в http://browsershots.org отображается также как и на ноутбуке.

Где искать косяк?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Что такая редкая проблема?

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

Кстати, помимо padding, проставил высосу кнопки, и проблема на компьютере пропала, странно, очень страноо...

Link to comment
Share on other sites

  • 0

Кнопка инлайн-блочная, ссылка инлайновая? Скорее всего, ограничение минимальной высоты line-height'ом сработало и не дало скукожить общую высоту меньше (дополнительные пиксели высоты визуально наложились на паддинг). А line-height мог быть разный из-за разного дефолтного масштаба, например.

Link to comment
Share on other sites

  • 0

Кнопка инлайн-блочная, ссылка инлайновая? Скорее всего, ограничение минимальной высоты line-height'ом сработало и не дало скукожить общую высоту меньше (дополнительные пиксели высоты визуально наложились на паддинг). А line-height мог быть разный из-за разного дефолтного масштаба, например.

Поддержу. Дело наверняка в line-height. Сам совсем недавно столкнулся с этой проблемой. Причем не помогала даже высота для li в вертикальном списке. Поправил ситуацию через выставление line-height.

Link to comment
Share on other sites

  • 0

Кнопка инлайн-блочная, ссылка инлайновая? Скорее всего, ограничение минимальной высоты line-height'ом сработало и не дало скукожить общую высоту меньше (дополнительные пиксели высоты визуально наложились на паддинг). А line-height мог быть разный из-за разного дефолтного масштаба, например.

Нет просто display:block;

Спасибо.

Edited by Ritter
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