overflow

orchanini · January 7, 2009

Опрера и ie по разному понимают параметр overflow: auto; опера смещает содержимое дива ровно на ширину полосы прокрутки (отчего появляются проблемы с дизайном! а ie отображает нормально.

Как обрзумить оперу? вот код:

<body>

	<div id="center">
	<div id="left">
	<jdoc:include type="modules" name="left" />
	   </div>

<div id="content" style=" overflow: auto; ">
		  <div id="user2">
			 <jdoc:include type="component" />
		 </div>

		 <div id="rigth">
		 <jdoc:include type="modules" name="right" />
		 </div>
</div>

</div>

 #center {width:100%; height:410px;  }
#left { width:24%; height:400px;  float:left;}
#content {width:76%; height:400px;  float:right;  }
#user2 {width:67%; height:400px;  float:left;}
#rigth { width:32%; height:400px;  float:left;}

Виртуал · January 7, 2009

jdoc:include

И чё, как нам это выполнять?

Я вообще не понял о чем речь. Сделай нормальную страничку от доктайпа до закрывающего html. И научитесь внедрять демонстрационный css код в тег style, заколебался делать это каждый раз вручную. Все разделюят, думают наверное что это барахло по файликам удобно распихивать.

Edited January 7, 2009 by Виртуал

orchanini · January 7, 2009

jdoc:include
И чё, как нам это выполнять?
Я вообще не понял о чем речь. Сделай нормальную страничку от доктайпа до закрывающего html. И научитесь внедрять демонстрационный css код в тег style, заколебался делать это каждый раз вручную. Все разделюят, думают наверное что это барахло по файликам удобно распихивать.

вот

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>


<style type="text/css">
body {width:100%; height:100%; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-bottom:0; }
#heider { width:100%; height:100%; background: #FF00FF;  vertical-align: bottom;}

#shapka { width:100%; height:120px; background: #C0FFFF;}
#logo { width:24%; height:120px; background: #C07FFF;  float:left; text-align: center;}
#baner {width:51%; height:120px; background: #DC0004; float:left; text-align: center;}
#top {width:25%; height:120px; background: #00FF04; float:left;}
#user1 {width:100%; height:35px; background: #007404;}
#center {width:100%; height:410px; background: #3CFFFF; vertical-align: bottom;}
#left { width:24%; height:400px; background: #C37404; float:left;}
#content {width:76%; height:400px; background: #F18B04; float:right;  }
#user2 {width:67%; height:500px; background: #6D00E6; float:left;}
#rigth { width:31%; height:400px; background: #B9B000; float:left;}
#footer {width:100%; height:30px; background: #FF6F00;  position: absolute;
  bottom: 0;}
</style>
</head>
<body>
<div id="heider">
	 <div id="shapka">
		  <div id="logo" >

		  </div>
		  <div id="baner">

		  </div>
		  <div id="top">

		  </div>


	</div>
	<div id="user1">

	</div>
	<div id="center">
	<div id="left">

	</div>
	<div id="content" style=" overflow: auto; ">

		 <div id="user2">

		 </div>

		 <div id="rigth">
		 </div>

	</div>
	</div>

	<div id="footer">

	</div>

</div>

</body>
</html>

Так вот когда содержимое дива content превышает его размеры появляется полоса прокрутки которая в опере смещает ровно на ее ширину дивы user2 и right. Так вот ни как не разбирусь какже это исправить? В ie при этом все нормаль что есть полоса что нет все равно нормально позицианируется!

Виртуал · January 7, 2009

Спасибо за оформление.

Все плохо. Лучше всего переделать логику проекта. Все браузеры показывают учитывая ширину скролбара. Это ие вольничает.

orchanini · January 7, 2009

Спасибо за оформление.
Все плохо. Лучше всего переделать логику проекта. Все браузеры показывают учитывая ширину скролбара. Это ие вольничает.

Это тоже проблема клиенту нужно именно чтобы прокручивались эти два блока причем вместе а не по отдельности и не уперебедить мне его! )

Тебе спасибо что время уделил и спраздником !

Sign In

overflow

Question

orchanini

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Виртуал

Link to comment

Share on other sites

orchanini

Link to comment

Share on other sites

Виртуал

Link to comment

Share on other sites

orchanini

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information