Переполнение различия интерпретации браузера атрибута CSS - PullRequest
Новая
       11

Переполнение различия интерпретации браузера атрибута CSS

0 голосов
/ 17 июля 2009

Я только создавал скин для веб-сайта и обнаружил, что переполнение: visible отображает две совершенно разные вещи от Firefox до IE.

Firefox просто отображает все за пределами контейнера ... вот так: 

 --------------------------------
 | div style="overflow:visible" |
 --------------------------------
  //overflow content from the div above

Но IE расширяет контейнер, чтобы соответствовать переполнению ... вот так: 

 -----------------------------------------
 | div style="overflow:visible"          |
 | //overflow content from the div above |
 -----------------------------------------

Кто-нибудь знает, почему IE отображает его по-разному и как заставить их отображать одинаково, как в Firefox?

Спасибо,
Matt

1 Ответ

0 голосов
/ 17 июля 2009

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

Проблема здесь не в переполнении, а в высоте. IE, к сожалению, рассматривает высоту как минимальная высота, поэтому он расширяет текстовое поле, если вы позволите (с переполнением: видимым, например).

Получение эффекта IE в Firefox тривиально - вы можете просто применить минимальную высоту вместо высоты, но я не верю, что есть способ напрямую воспроизвести эффект Firefox в IE: он просто не такой гибкий. Однако , я могу придумать способ обмануть эффект, если он чисто графический, используя фоновое изображение с repeat-x только для того, чтобы нарисовать линию там, где вы можете этого захотеть. Если вы, вероятно, не пытаетесь вставить дополнительную наценку, это никогда не получается.

...