Min height + IE

[HerpaMoTeH]

Здравейте, някой може ли да ми помогне ? CSS свойството min-height не ми работи под IE.
[css]
#main{
height:auto !important;
min-height: 200px; // Подавам го през PHP
}
[/css]

 

[bytheway]

Би трябвало да не работи само под IE6, защото версиите след IE6 го поддържат.

Също така мисля, че може да има несъответствие с предишната декларация и просто тя да е винаги в сила, защото използва !important.

Пробвай да премахнеш едната декларация и виж какви резултати получаваш.

 

[HerpaMoTeH]

Няма абсолютно никакава разлика на IE8 и на IE9

 

[bytheway]

Това е един бърз пример. При мен всичко работи както трябва под IE7+

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; 
			charset=utf-8" />
		<title>min-height тест</title> 
		<style type="text/css">
			#main {
				background-color:lightgreen;
				height:auto !important;
				min-height:300px;
			}
		</style>
	</head>
	<body>
		<div id="main">
			<h2>min-height тест</h2>
		</div>		
	</body>
</html>

 

[HerpaMoTeH]

Не променя нищо.

 

[bytheway]

Ами, ако покажеш резултата при теб какъв е и какво е съдържанието в този елемент, може и да излезе нещо.

 

[HerpaMoTeH]

Това 583 е min-height.

 

[bytheway]

Ok. Видях го. И какъв трябва да е резултата всъщност?

 

[HerpaMoTeH]

Би трябвало да изглежда така

 

[somebody]

Доколкото виждам на картинките, не само желания от теб див не се разпъва до желаните пиксели, но и ти се чупи и хоризонталната навигация.Да имаш проблеми под IE8, и IE9 горвори, че не кодираш както трябва.Също проблемите от такъв тип трябва да знаеш, че за да ти помогне някой трябва да дадеш някакво "live demo" на проблема, за да не се гадае и да не се прибягва до по-сериозни методи като хвърляне на боб.

 

[HerpaMoTeH]

Оправих проблема. Решението беше добавянето на мета тага:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

P.S. Това работи на IE9, на IE6 не работи, а на IE7 и IE8 още не съм го тествал

 

[adrian]

[css]min-heigth: 400px;
height: auto !important;
height: 400px;[/css]

Така се прави да работи под старите IE-та.

 

[HerpaMoTeH]

[css]min-heigth: 400px;
height: auto !important;
height: 400px;[/css]

Така се прави да работи под старите IE-та.

Имам го и не променя нищо. След добавянето на мета тага се оправи, поне под IE9.