Форум

bayrach · #1 (**permalink**) 27.10.2011, 16:56

Задача. Блок с абсолютным позиционированием необходимо растянуть по всей ширине документа так, чтобы по бокам у него были отступы по 250px.

На js сделать очень просто: высчитываем ширину документа, отнимаем 500 и получаем ширину блока.

НО, реализовать нужно на css, возможно ли?

Magneto · #2 (**permalink**) 27.10.2011, 18:12

<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 · #3 (**permalink**) 27.10.2011, 18:18

Не подходит, так как там где отступы будут другие элементы, а этот финт с бордером перекроет их

Seva1986 · #4 (**permalink**) 27.10.2011, 18:44

bayrach,

#test{
  height: 200px;
  position: absolute;
  top:0;
  left:250px;
  right:250px;
  background:#333
 }

bayrach · #5 (**permalink**) 28.10.2011, 14:48

Seva1986, спасибо! А я width 100% указывал..

Seva1986 · #6 (**permalink**) 28.10.2011, 19:01

Сообщение от bayrach

Seva1986, спасибо! А я width 100% указывал..

Пожалуйста!

Форум

Справочник

Discord чат

Курсы javascript