Сползает центральный div в IE 8

alex4715 · August 13, 2010

Добрый день.

Сел верстать страничку, всё шло нормально пока не решил затестить в разных браузерах. Хром, Опера, Фаерфокс Сафари показали идентичный результаты, а вот IE как ему и свойственно отобразил "оригинально" <div id="center_block"></div> сполз вниз ровно на страницу. Искал решение проблемы нашёл разные варианты но не один не помог.

Вот код:

<style>
body {
background-color:#6f6f6f;
text-align:center;
margin:0px 0px;
padding:0px 0px;
height:100%;
}
#container {
height:100%;
width:1042px;
margin:0px auto;
float:none;	
}
#shadow_left {
background-image:url(img/shadow_left.jpg);
background-repeat:repeat-y;
width:9px;
height:100%;
float:left;
position:relative; 
}
#center_block {
float:none;
margin:0 auto;
width:1024px;
height:100%;
background-color:#FFF;
position:relative;
}
#shadow_right {
background-image:url(img/shadow_right.jpg);
background-repeat:repeat-y;
width:9px;
height:100%;
float:right;
position:relative; 
}
</style>
</head>

<body>
<div id="container">
<div id="shadow_left"></div>
<div id="shadow_right"></div>
<div id="center_block"></div>

</div>

Спасибо.

psywalker · August 13, 2010

боковым колонкам пропиши ширину и флоаты, а центральному блоку overflow:hidden;

alex4715 · August 14, 2010

Благадарю получилось. только в IE теперь боковые блоки отходят от центрального где то на 2 пикселя и опять же во всех других браузерах всё на ура

psywalker · August 14, 2010

Благадарю получилось. только в IE теперь боковые блоки отходят от центрального где то на 2 пикселя и опять же во всех других браузерах всё на ура

Обманный манёвр, сделай у боковых колонок отрицательным марджин для того, чтобы они в плотную прижались к центральной.

alex4715 · August 14, 2010

Помогло, правда я решил эту проблему вернув верх строчки:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Спасибо за помощь, очень помогли

psywalker · August 14, 2010

Спасибо за помощь, очень помогли

Рад был помочь

Sign In

Сползает центральный div в IE 8

Question

alex4715

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

alex4715

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

alex4715

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information