Есть блок заданной ширины. Есть второй блок, который сбоку "вылезает" из первого.
Необходимо сделать так чтоб при раскрытии окна броузера второй блок был виден, а при ументшении усекался без вызова горизонтального скролл бара.
Задача решилась следующим кодом, НО не могу справиться с IE6:
Код:
<!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>
<style type="text/css">
.box{ width:800px; height: 500px; margin:0 auto; background: silver; }
.wrap-box{ position:relative;
overflow:hidden; min-width: 800px; border:1px solid red;
}
.red{ width: 200px; height: 200px; background:red; position:absolute; margin:0 0 0 700px;}
</style>
<!--[if lte IE 6]>
<style>
.box{position:relative;}
</style>
<![endif]-->
</head>
<body>
<div class="wrap-box">
<div class="box">
<div class="red"></div>
</div>
</div>
</body>
</html>
29.05.2009, 01:41
Сместить элемент за видимую часть окна броузера без гор. скролбара
Линейный вид
