В IE6? (IE8 в режиме совместимости) съезжает часть страницы..

[gard]

Здравствуйте!

УЖЕ РЕШЕНО.

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

Все основное содержимое укатилось куда то вправо и вниз. Я далеко не специалист в IE6 и, честно говоря в CSS только только.. Помогите вычислить виновника..

Мой шаблон представляет из себя следующее:

<div id="main">
	<div id="logo"><img src="/images/logo.jpg" /></div>
	<div id="header">
		<img id="headimg" src="/images/css/logo_orange_line.gif" height="8px" width="980px" border="0"/>
	</div>

	<!--Список левого нав. меню-->
	<div id="lplace">
	<div class="wrap-navmenu-h">
		{{LEFTMENU}}
	</div>
	<div class="wrap-navmenu-h">
		{{LEFTMENUBOTTOM}}
	</div>
	</div>
	<!--/Список левого нав. меню-->

	<div id="slide">
		<img src="{{SLIDE}}" />
	</div>

	<div id="rplace">
		<div id="content">
			{{MAINCONTENT}}
		</div>
		<div id="rightcol">
			{{RIGHTCOL}}
		</div>	
	</div>

	<div id="footer">
		{{FOOTER}}
	</div>	
</div>

То есть основной блок main включает в себя:

-logo

-header

-lplace (для меню)

-slide (для картинки)

-rplace (для основного контента под картинкой)

|-content (сам основной контент)

|-rightcol (колонка справа)

-footer

В двух словах все находится в main, в котором 2 важных блока - lplace & rplace, rplace делится на content (левая сторона rplace) и rightcol (правая сторона rplace).

Вот CSS:

#main {
position: relative; /*Для абсолютного позиционирования лев/пр блоков, которые будут относительно оного*/
margin:0px auto 0px auto;
width: 980px;
height: 100%; 
padding: 0px;
line-height: 0px;/*Без нее странные отступы над картин(кой/ами)*/
background-color: #fff;
overflow: hidden;
}

#logo{
position: absolute;
top: 20px;
right: 0px;
z-index:100;
}

#logo img{
margin: 0px;
border: none;
}

#header{
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
border: none;
float:none;
}

#lplace {
position:relative;
float:left;
width: 200px;
margin: 0px;
padding: 0px;
line-height: 15px;
}

#rplace {
position: relative;
float:right;
width: 780px;
margin: 0px;
padding: 0px;
line-height: 15px;
}

#slide {
position: relative;
float:right;
width: 780px;
margin: 0px;
padding: 0px;
line-height: 15px;
}

#content {
position: relative;
float:left;
width: 570px;
margin: 5px 5px 0px 5px;
padding: 0px;
line-height: 15px;
}

#rightcol {
position: relative;
float: right;
width: 184px;
margin: 5px 7px 0px 7px;
padding: 0px;
line-height: 15px;
}

#footer {
width: 980px;
margin: 5px 0px 0px 0px;
clear: both;
line-height: 15px;
}

Буду очень признателен за помощь..

Ой.. оказывается IE в режиме представления совмесимости обрабатывает строки в CSS за тильдой.. решилось! Урааа!

Edited June 29, 2010 by gard

[Searcher]

Доктайп то лучше указывать, а то все броузеры по-своему показывать будут.

[gard]

А у меня указан.. я уже описал, эксполер просто "ест" тильды, которые я понаставил заместо комментариев, так быстро просто. .