| |
|
|
| | Существует ли какой параметр, задающий минимальную ширину блока?
Т.е. например задаем минимальную ширину 500px. И при ширине окна менее 500px появляется горизонтальный скролинг, а при величине более 500px блок тянется во всю длинну окна. | |
| |
|
|
| |
|
|
| |
для: vlad-on
(23.10.2008 в 10:28)
| | | min-width - в ИЕ 6 не действует! | |
| |
|
|
| |
|
|
| |
для: vlad-on
(23.10.2008 в 10:28)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style>
.width {
width: 95%;
min-width: 500px;
background: #eee;
}
.content {
border: 1px solid #c00;
padding: 5px;
}
</style>
</head>
<body>
<div class="width">
<div class="content">
<h1>Минимальная ширина - 500 пикселов</h1>
Работает в FireFox 2+, Opera 8+<br>
А вот в MSIE работает только с версии 7 и при обязательном указании Strict в !DOCTYPE
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: PAT
(23.10.2008 в 10:48)
| | | Ок. Спасибо. Но судя по всему не стоит голову на этом заморачивать. К тому же посидел, посмотрел, не нашел ни одного сайта на DIV, при изменении ширины который бы реагировал адекватно. (кроме фиксированных) | |
| |
|
|
| |
|
|
| |
для: vlad-on
(23.10.2008 в 11:10)
| | |
<style type="text/css">
.outer {
min-width:500px;
}
* html .outer {
padding-left:500px;
zoom:1;
}
* html .layout {
zoom:1;
}
.inner {
min-height:300px;
}
* html .inner {
height:300px;
position:relative;
margin-left:-500px;
zoom:1;
}
</style>
<div class="outer">
<div class="layout">
<div class="inner">
Резиновый блок с минимальной шириной 500рх и минимальной высотой 300рх
</div>
</div>
</div>
|
Универсально... | |
| |
|
|
