Проблема div и IE6

BOLT · August 7, 2009

Всем привет.

КОД:

<body>

</div>

</body>

СSS:

#conteiner{

width:930px;

margin:0 auto;

text-align:left;

}

#header{

width:930px;

}

#leftbar{

width:280px;

hight:450px;

float:left;

}

#content{

hight:450px;

margin-left:280px;

}

#clear{

height:0;

font-size:1px;

line-height:0px;

clear:both;

}

#footer{

height:100px;

width:930px;

}

Проблема заключается в том что во всех браузерах кроме IE6 между leftbar и content появляется пробел (margin примерно в 2 пиеселя).

Уже перепробывал все что то можно но ничего не выходит.

Да кстатите заметил такую осебенность если не прописывать в CSS к leftbar и content ВЫСОТУ(height) то все нормально.

Возможно ли как то решить эту проблему?

Спасибо

Edited August 7, 2009 by BOLT

psywalker · August 7, 2009

Поставь плавающим блокам display: inline; или блоку, который имеет отступ: margin-left: -3px;

BOLT · August 7, 2009

Поробывал поставить display:inline

#leftbar{

width:280px;

hight:450px;

float:left;

display:inline;

}

Не помогает

#content{

hight:450px;

margin-left:-3px;

}

Не помогает

а можно поподробнее на основе моего кода ? впишите пожалуйста в мой css

Edited August 7, 2009 by BOLT

Justnewone · August 7, 2009

Это всемизвестный 3-х пиксельный баг, поищите.

mini · August 7, 2009

#conteiner{

width:930px;

margin:0 auto;

text-align:left;

}

#header{

width:930px;

background:#000;

height:200px;

overflow:hidden;

}

#leftbar{

width:280px;

height:50px;

float:left;

background:#00FF00;

}

#content{

float:left;

height:50px;

width:650px;

background:#330000;

}

#clear{clear:both;}

#footer{

height:100px;

width:930px;

background:red;

}

а так не проще? у Вас же ширина фиксированная

psywalker · August 7, 2009

пробуй ставить ещё height:1%; всем поочереди, потом margin-left: 0; и вообще на последок дейстуй нагло, пропиши Контенту Position: relative; и отступ на 3 пиксела влево, а потом просто растянешь его margin-right: -6px; только это на кройняк

rus · August 7, 2009

Твой код:

<html>
<head>
<style>
#conteiner{
width:930px;
margin:0 auto;
text-align:left;
border:#bfbfbf solid 3px;
}

#header{
height:50px;
background-color: #3366CC;
}

#leftbar{
width:280px;
hight:450px;
float:left;
background: #fc0;
}

#content{
hight:450px;
margin-left:280px;
background: #000000;
color:#ffffff;
}

#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}

#footer{
height:100px;
width:930px;
background: #c00000;
}
</style>
</head>
<body>
<div id="conteiner">
<div id="header">вапвап</div>
<div id="leftbar">ывавы</div>
<div id="content">апваыпв</div>
<div id="clear"></div>
<div id="footer">ывпавыап</div>
</div>
</body>
</html>

Моя Мозила 3.5.2 - и ни каких проблем не заметил.

BOLT · August 7, 2009

Всем спасибо решил проблему нужно было вместо margin-left:-3px; ставить margin-right:-3px;

#leftbar {

width:280px;

height:450px;

margin-right:-3px;

float:left;

background-color:#F00

}

Edited August 7, 2009 by BOLT

psywalker · August 7, 2009

Всем спасибо решил проблему нужно было вместо margin-left:-3px; ставить margin-right:-3px;
#leftbar {
width:280px;
height:450px;
margin-right:-3px;
float:left;
background-color:#F00
}

Смари у меня

Sign In

Проблема div и IE6

Question

BOLT

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

BOLT

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

mini

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

BOLT

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information