Jump to content
  • 0

overflow-x и overflow-y

XXXVII

Asked by XXXVII,

 Share

Question

XXXVII Explorer

XXXVII

Posted
Posted (edited)

Господа, как сделать, чтобы код отобразился в FireFox правильно:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
	<div style="overflow-x:hidden;overflow-y:visible;width: 50px; height: 50px">
		texttextte xttexttexttextte xttexttexttextte xttexttext texttexttex ttexttexttexttext text texttexttext texttexttexttexttext texttexttexttexttex ttexttexttexttexttexttexttexttextte xttexttex texttexttexttext texttexttexttexttext texttexttexttex ttexttexttextt
	</div>
</body></html>

Edited by XXXVII
Link to comment
Share on other sites

13 answers to this question

Recommended Posts

  • 0
XAOPT Explorer

XAOPT

Posted
Posted (edited) 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
	<div style="overflow-x:hidden;overflow-y:visible;width: 50px;">
		texttextte xttexttexttextte xttexttexttextte xttexttext texttexttex ttexttexttexttext text texttexttext texttexttexttexttext texttexttexttexttex ttexttexttexttexttexttexttexttextte xttexttex texttexttexttext texttexttexttexttext texttexttexttex ttexttexttextt
	</div>
</body></html>

Вот так д.б.

Edited by XAOPT
Link to comment
Share on other sites
  • 0
rash Explorer

rash

Posted
Posted 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
	<div style="overflow: hidden; width: 50px;">
		texttextte xttexttexttextte xttexttexttextte xttexttext texttexttex ttexttexttexttext text texttexttext texttexttexttexttext texttexttexttexttex ttexttexttexttexttexttexttexttextte xttexttex texttexttexttext texttexttexttexttext texttexttexttex ttexttexttextt
	</div>
</body></html>

Так?

Вообще, нет средств, чтобы раздельно кроссбраузерно указывать overflow-x и overflow-y, это «самодеятельность» IE.

Link to comment
Share on other sites
  • 0
XAOPT Explorer

XAOPT

Posted
Posted 

Вообще, нет средств, чтобы раздельно кроссбраузерно указывать overflow-x и overflow-y, это «самодеятельность» IE.

Как видите. В вашем примере шестёрка не то чтобы своеборазно интерпретирует стиль (высота), она на него просто забивает. Давить.

Link to comment
Share on other sites
  • 0
rash Explorer

rash

Posted
Posted

Как видите, в моем примере высота не задана вообще, поэтому она вычисляется в зависимости от количества содержимого.

В оригинальном же примере высота блока остается 50 px, просто контент, который «не влезает» в него по вертикали, не «обрезается».

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Все-таки это не совсем "самодеятельность IE", это CSS3, который по факту уже поддерживают все (Опера - начиная с 9.5). Просто у IE6 есть баг с height, которая работала в нем так, как должна работать min-height (которую он вообще не поддерживает:).

Link to comment
Share on other sites
  • 0
rash Explorer

rash

Posted
Posted
Похоже все-таки браузеры не правильно поддерживают overflow, ведь мой пример должен везде отображаться как в IE6, если следовать стандартам, или я не правильно понял?

Все-таки в IE 6 была ошибка, однако не та, о которой я сразу подумал. SelenIT Совершенно правильно заметил, что в IE 6 height работает как min-height в других браузерах, этим как раз и объясняется такое поведение.

Кстати, а с какой версии Firefox начинается такая поддержка? Экспериментальным путем установить не могу - нет достаточного набора версий FF.

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
Go to question listing
×
×
  • 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

  I accept