Выравнивание блока с position absolute
Задача. Блок с абсолютным позиционированием необходимо растянуть по всей ширине документа так, чтобы по бокам у него были отступы по 250px.
На js сделать очень просто: высчитываем ширину документа, отнимаем 500 и получаем ширину блока. НО, реализовать нужно на css, возможно ли? |
<html><head>
<style>
#test {
height: 200px;
position: absolute;
border-left:250px solid #fff;
border-right:250px solid #fff;
top:0;
left:0;
right:0;
background:#333}
</style>
</head><body>
<div id="test"></div>
</body></html>
|
Не подходит, так как там где отступы будут другие элементы, а этот финт с бордером перекроет их
|
bayrach,
#test{
height: 200px;
position: absolute;
top:0;
left:250px;
right:250px;
background:#333
}
|
Seva1986, спасибо! А я width 100% указывал..
|
Цитата:
|
| Часовой пояс GMT +3, время: 12:06. |