Проблема с IE 6

Dokea · December 17, 2009

Помогите пожалуйста решить проблему с IE 5.5 - 6. Контент съезжает вниз...

Вот так выглядит:

А вот верстка:

<!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">

<head>.</head>

<body>

<div id="wrapper">
	<div id="minHeight"></div>
	<div id="outer">
		<div id="logo">.</div>
	<div id="inner">
	<div id="left">
		<div id="left-inner">
		  <div id="sidebar">
				<div id="mainmenu">.</div>
				<div id="search">.</div>
				<div id="news">.</div>
		  </div> 
		</div>
	  </div>
	  <div id="right">
		<div id="right-inner">
		  <div id="content">
			<div class="post">
		  Контент.
		  </div>
		</div>
	  </div>
	</div>
	<div id="clearfooter"></div>
	<div id="header">.</div>
	<div id="anons">.</div>
	</div>
	<br style="clear:both;height:0;font-size: 1px" />
	<div id="footer">.</div>
  </div>
</div>
</div>

</body>
</html>

html{
	height:100%;
	margin:0;
	padding:0
} 

html,body {
	padding:0;
	margin:0;
	background-color: #faf7ec;
	font-size: 11px;
	font-family: "Trebuchet MS", verdana, sans-serif;
}

body{	
	text-align:left;
	min-width:982px;
	background-color: #faf7ec;
	height:100%;
}

#mainmenu{
	position: absolute;
	top:330px;
	left:70px;
	font-family: Arial;
	font-size: 10px;
	outline-style: none; outline-width: 0pt;
}

#outer{
	height:99.9%;
	min-height:100%;
	width:982px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
}

* html #outer{
	width:982px
}

html>body #outer{
	height:auto;
} 

#inner{
	width:100%;
	padding-top:304px;
} 

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:982px;
	height:304px;
	z-index:10;
}

#footer {
	color: #ffffff;
	width:982px;
	clear:both;
	height:24px;
	text-align:left;
	left:0px;
	bottom:0px;
	position: absolute;
}

* html #footer{
	margin-bottom:-1px
}

* html #outer, * html #header {width:780px}

* html #footer {
	height:82px;
}



#left {
	width:252px;
	height:546px;
	float:left;
	z-index: 55;
}

#left-inner {
	width: 178px;
	padding-left: 25px;
	text-align: left;
	color: #ffffff;
}

#right {
	position:relative;
	width:730px;
	float:left;
}

#right-inner {
	text-align: left;
	padding-left: 8px;
	padding-right: 27px;
}

#clearfooter {
	width:100%;
	height:24px;
	clear:both;
} /* to clear footer */

#content {
	padding-bottom: 7px;
}

#anons{
	position:absolute;
	top:0px;
	left:237px;
	width:745px;
	height:304px;
	z-index:20;
}

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-82px;
}

vic-chrome · December 21, 2009

попробуй размеры поменять.. сделай правый или левый блок немного поменьше, посмотри что произойдет

psywalker · December 21, 2009

Dokea

Дружище ты прости, но код у тебя очень жёсткий и врядли что-то кроме полной переделки сможет тебе помочь.

Searcher · December 22, 2009

Это стандартная верстка, не изобретайте велосипед. Изучите эти материалы:

http://layouts.ironmyers.com/

http://www.dynamicdrive.com/style/layouts/category/C10/

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

http://tjkdesign.com/articles/one_html_mar...css_layouts.asp

http://blog.html.it/layoutgala/

Sign In

Проблема с IE 6

Question

Dokea

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

vic-chrome

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information