11 нояб. 2008 г.

Еще порция простоты и изящества

Простое и кроссбраузерное решение для создания резинового блока с фиксированными отступами:


<head>
<style>
body
{
padding:0;
margin: 0;
}
</style>
</head>
<body>
<div style="position: absolute; left: 100px; right: 100px; height:100%; background:#f00; min-width: 300px; overflow: auto;"></div>
</body>


Прошу обратить внимание, что задание position:absolute; делает div потомком уже не body, а непосрдественно окна браузера.
-----------------------------------------------------

Хостинг изображений - radikal.ru

Комментариев нет:

Отправить комментарий