Контент в IE6 смещается вниз

Статус
Закрыто для дальнейших ответов.

KonanVarvar

New Member
Регистрация
29.03.2010
Сообщения
5
Через IE проблема, на всех браузерах сайт нормально отображается а тут IE6 :mad:
Помогите чем можете, даю скриншоты страницы:
1.jpg2.jpg

Даю сокращенный код страницы для удобства (если нужно дам полный)
Код:
<!--LEFT TD-->
<div id="menu" align="left">

<div id="mainmenu" align="left">

<div class="menu_live_nove"><a class="menu_live_nove_2" href="http://fayniphoto.narod.ru/Avtomobili.html"> 
<strong>автомобілі</strong></a></div>                                                                                                 

...

<div class="menu_live_nove"><a class="menu_live_nove_2" href="http://fayniphoto.narod.ru/Filmi.html">  
<strong>фільми</strong></a></div>

</div>
</div>
<!--LEFT TD END-->

<!--RIGHT TD-->

<div id="right_menu"  style="background-image:url(img/fon_menu_R.gif); background-repeat:repeat-y; background-position:top;" align="center">
<div id="right_menu_menu" style="background-image:url(img/R_M_T.gif); height:40px; background-repeat:no-repeat; background-position:top;"></div>

<br><br>
<script type="text/javascript"><!--
google_ad_client = "pub-1093092952986010";
/* 120x600, файні фото п.к. */
google_ad_slot = "9247061711";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br><br><br>
</div>
<!--RIGHT TD END-->

<!--LEFT TD NIZ-->
<div id="menu_menu" style="background-image:url(img/nizmenu.gif); height:120px; background-repeat:no-repeat; background-position:bottom;"></div>
<!--LEFT TD NIZ END-->

<!--RIGHT TD NIZ-->
<div id="right_menu_menu" style="background-image:url(img/nizmenu_2.gif); height:120px; background-repeat:no-repeat; background-position:bottom;"></div>
<!--RIGHT TD NIZ END-->


<!--INFO-->
<div id="info_int">
<center><span class="pagetitle">Фото, картинки та заставки на робочий стіл</span></center>
<p>
Сайт fayniphoto.narod.ru є приватним зібранням шпалер для робочого столу. Всі фото розподілені по розділам: автомобілі, мотоцикли, архітектура, дівчата, природа, тварини, спорт, мультфільми, фільми та ін. Найбільш популярними розмірами шпалер для робочого столу є 1024x768, 1152x864, 1280x1024 і 1600x1200. 
</p>

<table width="100%" border="0">

<tr>
    <td align="center"><a href="http://fayniphoto.narod.ru/Avtomobili.html" ><img src="img2/Golovna/Avtomobili.jpg" alt="Автомобілі" border="0" /></a></td>
    
...    

    <td align="center" class="text_pid_foto"></td>
  </tr>
  </table>
  
  
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-1093092952986010";
/* 468x60, Файні фото - верх фото */
google_ad_slot = "1698106949";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"                   
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>


</div>
<!--INFO END-->
CSS тут:
Код:
#menu{
	  background-image:url(img/fon_menu_l.gif);
	  background-position:top;
	  background-repeat:no-repeat;
	position:relative;
	top:-23px;
   width:200px;
 float:left;
 background-color:B60000;

 }
 #menu_menu{
	 position:relative;
	top:-23px;
 width:200px;
 float:left;
 clear:left;
 background:#B60000;
 margin-left:0px;
 color:#B60000;
 }

 #container{margin:0 auto; 
text-align:left; 
width:999px;
background-color:#FFF;
  }
	  
  #body_2{
	  background-repeat:no-repeat; 
	  background-position:right;
	  width:999px;
	  }
	  
	  
  #right_menu{float:right;
  position:relative;
	top:0px;
	  width:200px;
	  background:#B60000;
		  }
		  #right_menu_menu{float:right;
		  position:relative;
	top:-20px;
	  width:200px;
	  background:#B60000;
	  clear:right;}

#mainmenu{
   font-family:Verdana;
font-size:15px;
   padding-top:20px;
   padding-left:15px;
}
.menu_live_nove{
	
	padding-left:15px;
	padding-bottom:7px;
	}
.menu_live_nove_2{
	padding-left:15px;
	background: url(img/trikut.gif); 
	background-repeat:no-repeat;
	background-position:left;
    width: 10px; 
    height: 10px; 
	text-decoration:none;
	color:#FFF;}
	
	
	.menu_live_nove_2:hover{
	padding-left:15px;
	background: url(img/trikut_2.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#b60000;}
	
.menu_live_nove_pp{
	
	padding-left:25px;
	padding-bottom:7px;
	}
.menu_live_nove_pp2{
	padding-left:25px;
	text-decoration:none;
	color:#FFF;}
	
	
	.menu_live_nove_pp2:hover{
	color:#b60000;}

 .menu_live_nove_pp{
	font-size:12px;
	padding-left:15px;
	padding-bottom:5px;
	}
.menu_live_nove_pp2{
	font-size:12px;
	padding-left:15px;
	text-decoration:none;
	color:#FFF;}
	
	
	.menu_live_nove_pp2:hover{
	color:#b60000;}
Ссылка на сайт
 

Creator

Administrator
Команда форума
Регистрация
03.03.2005
Сообщения
1 745
Проблема с шириной инфоблока.

Попробуйте так:
Код:
#info_int  {
margin-left:200px;
margin-right:200px;
width:595px;
}
Если вдруг в ИЕ6 не прокатит (у меня только 7 и 8, 6ка для меня умерла), попробуйте проиграться с параметром width.

P.S. +1 за оформление :happy:
 

KonanVarvar

New Member
Регистрация
29.03.2010
Сообщения
5
Проблема с шириной инфоблока.

Попробуйте так:
Код:
#info_int  {
margin-left:200px;
margin-right:200px;
width:595px;
}
Если вдруг в ИЕ6 не прокатит (у меня только 7 и 8, 6ка для меня умерла), попробуйте проиграться с параметром width.

P.S. +1 за оформление :happy:
Спасибо помогло :) , самому было тяжело догадаться в чем проблема.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ