Блоки Исчезают в ИЕ

psywalker · September 24, 2008

Ребят.помогите,немогу понять,как так происходит? Вобщем я када пишу position: absolute; в Блоках stolbseredina и stolbright,то в ИЕ они сразуже исчезают.кабута бы их и небыло,а в ФФ всё ок..немогу разобраться ,почему так?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Layout</title>
	<link href="style.css" rel="stylesheet" type="text/css">

<style type="text/css">
 html,body {
 margin:0;
 padding:0;}

 body{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   background-image:url(images/fon22.gif); 
   }

 .carcas{
   width:100%;
   height:820px;
 }

 .stolbleft{
   width:235px;
   height:820px;
   float:left;}

 .stolbseredina{
   width:376px;
   height:820px;
   float:left;
   position: absolute;
   left: 235px;
   top:0;
}

 .stolbright{
   width:259px;
   height:820px;
   float:left;
   position: absolute;
   left: 611px;
   top:0;
   }


 .stolbleftverh1{
  width:235px;
  height:96px;
  background-image:url(images/design_vision_01.gif);}

  .stolbleftverh2{
  width:235px;
  height:371px;
  background:#000000;
  background-image:url(images/design_vision_12.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  }
  .stolbseredina1{
  width:376px;
  height:96px;
  background-image:url(images/design_vision_02.gif);
  }
  .stolbseredina2{
  width:376px;
  background:#FFFFFF;
  }

  .stolbright1{
  width:259px;
  height:41px;
  background:#666;
  background-image:url(images/design_vision_03.gif);

  }
   .stolbright2{
  width:181px;
  height:363px;
  float:left;
  background:#ffffff;
  background-image:url(images/design_vision_03.gif);

  }


  .stolbright3{
  width:78px;
  height:363px;
  float:left;
  background:#B9CC8A;
  background-image:url(images/design_vision_03.gif);

  }



	.stolbright4{
  width:259px;
  height:78px;
  clear:both;
  background:#FF0000;
  background-image:url(images/design_vision_03.gif);

  }


 .niz{
	  height:20px;
	min-width:760px;
	background:#B9CC8A;
	clear:both;
	position:relative;
	opacity: 0.5;filter: alpha(opacity=50);
	}

</style>
</head>
<body> 
<div class="carcas">  
		  <div class="stolbleft">
				  <div class="stolbleftverh1"></div>
				  <div class="stolbleftverh2"></div>
		  </div>

		   <div class="stolbseredina">
				  <div class="stolbseredina1"></div>
				  <div class="stolbseredina2">Эта книга будет полезна всем, кто в той или иной мере интересуется созданием сайтов.
Предполагается, что читатель знаком с основами языка HTML, поэтому никакого описания тегов и их параметров не 
Новички найдут в книге схемы верстки страниц с помощью таблиц и слоев, обеспечивающие быстроту отображения информации и удобство смены
деталей оформления. Подробные примеры и описание всех действий позволят легко использовать самые современные и прогресс
				 </div>
		  </div>

		 <div class="stolbright">
				  <div class="stolbright1"></div>
				  <div class="stolbright2"></div>
				  <div class="stolbright3"></div>
				  <div class="stolbright4"></div>
		 </div>

 <div class="niz"> </div>
</div>
</body>
</html>

Edited September 24, 2008 by psywalker

Burevestnik · September 25, 2008

попробуйте изменить стиль

.stolbleft{
   width:235px;
   height:820px;
   float:left;}

уберите float:left;

я попробовал - вроде все стало отображаться нормально проверял в IE6

psywalker · September 25, 2008

Burevestnik Да,получилось,спасибо..А вы не моглибы объяснить суть,чтоб я понял,из-за чего так бывает?

Edited September 25, 2008 by psywalker

Burevestnik · September 25, 2008

С полной уверенностью сказать не могу, но думаю что нужно копать в сторону одновременного использования свойств float и position.

Например мне совсем не понятно зачем использовать float:left при position:absolut. какой эффект вы хотели этим получить?

Ялекс · September 26, 2008

используй zoom:1; к родительскому блоку или к блоку с флоатом. но результат бывает не предсказуем.

Sign In

Блоки Исчезают в ИЕ

Question

psywalker

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Burevestnik

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Burevestnik

Link to comment

Share on other sites

Ялекс

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information