Поддерживает?

Mr.Black · December 10, 2010

Мне интересно поддерживает IE 6 overflow: hidden;???

deadrash · December 10, 2010

Мне интересно поддерживает IE 6 overflow: hidden;???

Лень уже в справочник заглянуть? http://htmlbook.ru/css/overflow в самом низу написаны нюансы поддержки.

Mr.Black · December 10, 2010

Бил там

Есть проблема с новостями и фотером в IE 6 - http://img205.imageshack.us/img205/8854/39742662.png

У остальних браузеров так - http://img406.imageshack.us/img406/3953/19535626.png

Можно решить clear:both; но хочу получить ответ почему неработает в ИЕ 6 оверфлов

<!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>site</title>
<style type="text/css" >

* { margin: 0px; padding: 0px;}

img { border: 0; }

a, img, div, input  { outline: none; }

ol, ul { list-style-position: inside; }

body {
   width: 1100px;
   margin: 0 auto;
   font: 12px Arial, Helvetica, sans-serif;
   color: black;
	}

#wrapper {
	border: 1px solid #272727;
	margin: 1px;
	padding: 1px;
}

.speedbar {
	background: url('file:///C:/Users/Admin/Desktop/new/speedbar_bg.jpg') repeat-x;
	border: 1px black solid;
	height: 21px;
	color: white;
	font-size: 10px;
	white-space: nowrap;
}

.speedbar li {
	display: inline;
}

#headimg {
	background: url('file:///C:/Users/Admin/Desktop/new/headimg.jpg') no-repeat;
	height: 160px;
}

#content {
	margin: 8px 4px 0;
	overflow: hidden;
}

#sideleft {
	float: left;
	width: 226px;
}	

.block {
margin-bottom: 20px;

}

.btop {
	background: url('file:///C:/Users/Admin/Desktop/new/btop_bg.jpg') repeat-x;
	border: 1px solid black;
	height:37px;

}

.bmiddle {
	background: #dfdfdf;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.bbottom {
	background: url('file:///C:/Users/Admin/Desktop/new/bbottom_bg.jpg') repeat-x;
	border: 1px solid black;
	height:19px;
}

#sidecenter {
	float: left;
	width: 600px;
	margin: 15px 16px 0;
}

.blockc {
	margin-bottom: 25px;	
}

.ctop {
	background: #7e7f82;
	border: 1px solid black;
	height: 22px;
	text-align: center;
}

.cbottom {
	background: #86888a;
	border: 1px solid black;
	 border-top: none;
	overflow: hidden;
}	

	.cbottom img {
		float: left;
		margin-right: 5px;
		outline: 1px solid black;
	}




#sideright {
	float: right;
	width: 226px;
}

#footer {
	background: url('file:///C:/Users/Admin/Desktop/new/footer_bg.jpg') repeat-x;
	height: 83px;
	border: 1px solid black;
	 border-top: none;
} 

</style>
</head>
<body>

<div id="wrapper" >

<div class="speedbar" >
<ul>
<li><a href="/" >Меню</a></li>
<li><a href="/" >Меню</a></li>
<li><a href="/" >Меню</a></li>
<li><a href="/" >Меню</a></li>
<li><a href="/" >Меню</a></li>
</ul> 
</div>
<div id="headimg" ></div>
<div class="speedbar" ></div>

<div id="content" >
<div id="sideleft" >

<div class="block" >

<div class="btop" ></div>
<div class="bmiddle" >11111</div>
<div class="bbottom" ></div>

</div>

<div class="block" >

<div class="btop" ></div>
<div class="bmiddle" >11111</div>
<div class="bbottom" ></div>

</div>



</div>
<div id="sidecenter" >
<div class="blockc" >

<div class="ctop" >1213434</div>
<div class="cbottom" >436546</div>

</div>
</div>

<div id="sideright" >

<div class="block" >

<div class="btop" ></div>
<div class="bmiddle" >11111</div>
<div class="bbottom" ></div>

</div>

<div class="block" >

<div class="btop" ></div>
<div class="bmiddle" >11111</div>
<div class="bbottom" ></div>

</div>

</div>
</div>
<div style="clear: both;" >
<div class="speedbar" ></div>
<div id="footer" >

</div>
 </div>
 </div>
</body>
</html>

deadrash · December 10, 2010

Не понятно при чём тут оверфлоу и если честно влом ковыряться в коде но глядя на скриншот первая мысль была именна clear

Mr.Black · December 10, 2010

оверфлову всегда задавался диву с контейнерами ,иначе они вилазить будут на фотер и все работало но тепер нет...

Sign In

Поддерживает?

Question

Mr.Black

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

deadrash

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

deadrash

Link to comment

Share on other sites

Mr.Black

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information