Баг в IE6. Трехколончатый шаблон.

Flynt · 06.01.2011, 13:39

Всем привет.Собственно баг в ие6, баг довольно странный и трудно поддающийся исправлению

http://radikal.ua/data/upload/ba193/...c2d4a8ba28.png
Правый сайдбар почему-то съезжает, везде нормально.Пожалуйста помогите решить проблему, буду благодарен люой помощи.
Код HTML

Код HTML:

<!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>
<title></title>
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen, projection" />
<!--[if lte IE 6]><link rel="stylesheet" href="/css/style_ie.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if lte IE 6]>
<script type="text/javascript" src="includes/supersleight-min.js"></script>
<![endif]-->
</head>

<body>

<div id="wrapper">
<div id="header">
	<div id="top-menu">
<ul id="top-link"> 
<li><a href="#">Войти</a> &nbsp;|</li> 
<li><a href="#">Регистрация</a> &nbsp;&nbsp;|</li>
<li><a href="#">Форум</a></li>
</ul>
</div>
<div id="banner">
<img src="/img/banner.png" alt="Реклама на сайте" />
</div>
<a href="http://warezni.3dn.ru/">
<div id="logo"></div>	
</a>	
</div>
<div id="gor-menu">
<ul id="gor-menu-link"> 
<li><a href="http://warezni.3dn.ru/load/79">Программы</a> |</li> 
<li><a href="http://warezni.3dn.ru/load/50">Все для uCoz</a> |</li>
<li><a href="http://warezni.3dn.ru/load/75">Все для Photoshop</a> |</li>
<li><a href="http://warezni.3dn.ru/load/59">Все для DLE</a> |</li>
<li><a href="http://warezni.3dn.ru/load/76">Игpы</a> |</li>
<li><a href="http://warezni.3dn.ru/load/77">Креатив</a> |</li>
<li><a href="http://warezni.3dn.ru/load/78">Мобильник</a> </li>
</ul>
</div>
<div id="gor-menu-right">
</div>	
</div><!-- #header-->

	<div id="middle">

		<div id="container">
			<div id="content">
				<div class="vid-top">
<div class="vid-title">Заголовок новости</div>
Mus elit Morbi mus enim lacus at quis Nam eget morbi. Et semper urna urna non at cursus dolor vestibulum neque enim. Tellus interdum at laoreet laoreet lacinia lacinia sed Quisque justo quis. Hendrerit scelerisque lorem elit orci tempor tincidunt enim Phasellus dignissim tincidunt. Nunc vel et Sed nisl Vestibulum odio montes Aliquam volutpat pellentesque. Ut pede sagittis et quis nunc gravida porttitor ligula.
<br />
<div class="con-info">Категория : Название &nbsp;&nbsp;|&nbsp;&nbsp;Автор материала : Flynt &nbsp;&nbsp;|&nbsp;&nbsp;Дата : 24/10/2010&nbsp;&nbsp;|&nbsp;&nbsp;Просмотров : 110&nbsp;&nbsp;|&nbsp;&nbsp;Комментарии(10)
<a href="#" class="next">Читать далее...</a></div></div>
            
			</div><!-- #content-->
		</div><!-- #container-->

		<div class="sidebar" id="sideLeft">
			 <div class="side-border">
            <div class="side-title"><div class="side-text">Навигация</div>
</div>
          олол 
</div>		
		</div><!-- .sidebar#sideLeft -->

		<div class="sidebar" id="sideRight">
			 <div class="side-border-left">
            <div class="side-title-left"><div class="side-text-left">Навигация</div>
</div>
          олол 
</div>		
		</div><!-- .sidebar#sideRight -->

	</div><!-- #middle-->

	<div id="footer">
		<strong>Footer:</strong> Mus elit Morbi mus enim lacus at quis Nam eget morbi. Et semper urna urna non at cursus dolor vestibulum neque enim. Tellus interdum at laoreet laoreet lacinia lacinia sed Quisque justo quis. Hendrerit scelerisque lorem elit orci tempor tincidunt enim Phasellus dignissim tincidunt. Nunc vel et Sed nisl Vestibulum odio montes Aliquam volutpat pellentesque. Ut pede sagittis et quis nunc gravida porttitor ligula.
	</div><!-- #footer -->

</div><!-- #wrapper -->

</body>
</html>

Стили

Код HTML:

* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
}
a {
	color: black;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	min-width: 1010px;
	max-width: 1600px;
	margin: 0 auto;
}

/* header */
#header {
	background-image:url(../img/header.png);
	background-repeat:repeat-x;
	height: 203px;
}
#logo {
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	width:272px;
	height:42px;
    float:left;
	margin:52px 0 0 35px;
}
/* end header */
/* top-menu */
#top-menu {
	background:url(../img/top-menu.png) repeat-x;
	height:29px;
}
#top-link {
	list-style:none;
	float:right;
	margin-top:2px;
}
#top-link li {
	display:inline;
	margin:5px;
    font-size: 11px;
	color:#FFF;
}
#top-link a {
	font-size: 11px;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
}
#top-link a:hover {
	color:#FFF;
}
/* end */
/* banner */
#banner img {
	height:65px;
	width:470px;
	float:right;
	margin:35px 25px;
}
/* end banner */

/* gor-menu */
#gor-menu {
	background:url(../img/gor-menu-bg.png);
	width:800px;
	height:29px;
	margin-top:-32px;
	margin-bottom:25px;
}
#gor-menu-right {
	background:url(../img/gor-menu-bg2.png);
	width:29px;
	height:29px;
	margin-top:-54px;
	margin-bottom:25px;
	margin-left:800px;
}
#gor-menu-link {
	list-style:none;
	float:left;
	margin-top:4px;
}
#gor-menu-link li {
	display:inline;
	margin:5px;
    font-size: 11px;
	color:#FFF;
}
#gor-menu-link a {
	padding:0 18px 0 18px;
	font-size: 11px;
	color:#FFF;
	text-decoration: none;
	font-size: 10px;
}
#gor-menu-link a:hover {
	color:#FFF;
}
/* end gor-menu */


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 269px 0 269px;
}
.vid-top {
	border:1px solid #c7c7c7; 
	margin-bottom:15px;
	width:100%;
}
.vid-title {
	background-color:#f77915;
	border-bottom:1px dotted #c7c7c7;
	padding:10px 5px 10px 25px;
	font-size:14px;
	color:#FFF;
}
.con-info {
	padding:30px 0 0 5px;
	font-size:11px;
	color:#666;
}
.next {
	text-align:right;
	padding-left:160px;
	font-size:12px;
}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 249px;
	margin-left: -100%;
}
.side-border {
	border:1px solid #c7c7c7;
	margin-bottom:15px;
	padding-top:10px;
	margin-left:5px;
}
.side-title {
	background:url(../img/side-title.png);
	width:252px;
	height:38px;
	font-size: 14px;
	color: #FFF;
	margin-bottom:10px;
}
.side-text {
	padding:10px 0 0 10px;
}


/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: right;
	margin-right: -3px;
	width: 249px;
	margin-left: -249px;
	position: relative;
}
.side-border-left {
	border:1px solid #c7c7c7;
	margin-bottom:15px;
	padding-top:10px;
	margin-right:5px;
}
.side-title-left {
	background:url(../img/side-title.png);
	width:252px;
	height:38px;
	font-size: 14px;
	color: #FFF;
	margin-bottom:10px;
}
.side-text-left {
	padding:10px 0 0 10px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 122px;
	background: #BFF08E;
}

vladendark · 06.01.2011, 13:59

попробуйте поставить <div class="sidebar" id="sideRight"> ПЕРЕД центральной и левой частью в коде

Flynt · 06.01.2011, 14:05

vladendark, не помогает.

vladendark · 06.01.2011, 15:16

http://enoughie6.com/images/ie6-brother.png

а вообще лично я всегда радикально решаю эту проблему

radius · 07.01.2011, 12:34

Забейте на ie6

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Кто сделает шаблон?	qwert_wide	Кальянная	3	28.08.2012 07:28
Шаблон сайта # Шаблон CMS ?	Neznajka	Кальянная	11	10.12.2010 17:45
Ищу шаблон для сайта	pozitivka	Графические работы	5	20.11.2009 13:51
Шаблон	Niemans	Библиотека	10	26.07.2007 18:30
3 шаблон Dle	ivan341	Зал мастеров	7	21.09.2006 14:29

06.01.2011, 13:59	#2
vladendark	попробуйте поставить <div class="sidebar" id="sideRight"> ПЕРЕД центральной и левой частью в коде

06.01.2011, 14:05	#3
Flynt	vladendark, не помогает.

06.01.2011, 15:16	#4
vladendark	http://enoughie6.com/images/ie6-brother.png а вообще лично я всегда радикально решаю эту проблему

06.01.2011, 13:39
Ссылки

07.01.2011, 12:34	#5
radius	Забейте на ie6