Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript
Перезагрузить страницу

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


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

Обсуждение темы Баг в IE6. Трехколончатый шаблон. в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Всем привет.Собственно баг в ие6, баг довольно странный и трудно поддающийся исправлению http://radikal.ua/data/upload/ba193/...c2d4a8ba28.png Правый сайдбар почему-то съезжает, везде нормально.Пожалуйста помогите решить проблему, буду ...


Закрытая тема
 
Опции темы
Старый 06.01.2011, 13:39   #1
Всем привет.Собственно баг в ие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;
}
 
Старый 06.01.2011, 13:39
Ссылки
Старый 06.01.2011, 13:59   #2
попробуйте поставить <div class="sidebar" id="sideRight"> ПЕРЕД центральной и левой частью в коде
 
Старый 06.01.2011, 14:05   #3
vladendark, не помогает.
 
Старый 06.01.2011, 15:16   #4
http://enoughie6.com/images/ie6-brother.png

а вообще лично я всегда радикально решаю эту проблему
 
Старый 07.01.2011, 12:34   #5
Забейте на ie6
 
Старый 07.01.2011, 12:34
Закрытая тема

« lightbox работает тока на локальном сервере | Нет фотографии »

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кто сделает шаблон? 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


Текущее время: 03:26. Часовой пояс GMT +4.



Справка - Обратная связь - Web-silver.ru - Архив - Календарь - Карта - Вверх

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум