div{display:inline;} в ие6

Аксинья · March 29, 2011

добрый день

в ie6 дивы растягивают родительский див, хотя задана его ширина

как можно исправить?

<!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=windows-1251">
<title></title>
<style>
.d1{
	width:300px !important;
	text-align:center;
}
.d1 div{
	display:inline;
	margin:0 5px;
	font-size:40px;
}
</style>
</head>

<body>
  <div class="d1">
    <div>123</div>
    <div>456</div>
    <div>78945345345345</div>
    <div>101</div>
    <div>555</div>
  </div>
</body></html>

Great Rash · March 29, 2011

Зачем для <div> задавать display: inline;?

Чо, так не катит?


<!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=windows-1251">
<title></title>
<style>
.d1{
        width:300px !important;
        text-align:center;
}
.d1 span{
        margin:0 5px;
        font-size:40px;
}
</style>
</head>

<body>
  <div class="d1">
    <span>123</span>
    <span>456</span>
    <span>78945345345345</span>
    <span>101</span>
    <span>555</span>
  </div>
</body></html>

Аксинья · March 29, 2011

да, спасибо большое

zSpx · March 29, 2011

если вместо display:inline задать float: left, то элементы будут отображаться также, как если бы они были инлайновыми.

зы: извиняюсь, проверил теорию свою и элементы выглядят не совсем так, как я думал.

Edited March 29, 2011 by zSpx

photograf · March 29, 2011

Аксинья, для общего развития (если ие6 и ие7 имеют значение при верстке) почитайте про свойство hasLayout

Sign In

div{display:inline;} в ие6

Question

Аксинья

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Аксинья

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

photograf

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information