Проблема с padding в IE6

proflead · September 15, 2011

Всем привет.

Есть проблема с padding в IE6, а именно:

Есть div, у div есть фон, фон размером 50px, в div есть тег p, при установке padding для div (дабы выровнять текст по вертикали) в IE увеличивается размер дива и в фоне появляется дырка.

Пример кода:

<p>Текст</p>

</div>

Таким образом высота у нас получилась 50px, но в IE появляется дырка.

Как это решить?

Спасибо

amelice · September 15, 2011

А для абзаца какие стили у вас?

Покажите что у вас получается? Разницы не вижу, но, я убрала стили для абзаца.(фф,снизу ИЕ6)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>paddingIE</title>
<style rel="stylesheet" type="text/css"> 
	div{
	border:1px solid red;
	background: url(index_files/bg.png) repeat-x;
	width: 100%;
	height: 30px;
	padding: 20px 0 0;
	}
	body,p{
	margin:0;
	}
</style>
</head>
 <body>
   <div>
     <p>text</p>
   </div>
 </body>
</html>

proflead · September 15, 2011

Спасибо, разобрался в чем проблема, в IE своства родителя наследуются к его потомкам, поэтому у меня получается такая чушь Проблема решена.

Justnewone · September 16, 2011

наследуется только шрифт, выравнивание. Но никак не паддинги и не маргины.

proflead · September 17, 2011

наследуется только шрифт, выравнивание. Но никак не паддинги и не маргины.

А как тогда объяснить причину происходящего?

наследуется только шрифт, выравнивание. Но никак не паддинги и не маргины.
А как тогда объяснить причину происходящего?

У меня в css прописано:

*{margin: 0; padding: 0}

Sign In

Проблема с padding в IE6

Question

proflead

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

amelice

Link to comment

Share on other sites

proflead

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

proflead

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information