Вертикальная полоска с помощью div

nouqart · August 19, 2010

Добрый день, подскажите как сделать резиновую вертикальную полоску.

PS так же порадуюсь ссылоскам на учебники по div блокам.

Great Rash · August 19, 2010

Добрый день, подскажите как сделать резиновую вертикальную полоску.

Бекграундом не катит?

stars · August 19, 2010

Добрый день, подскажите как сделать резиновую вертикальную полоску.
PS так же порадуюсь ссылоскам на учебники по div блокам.

А можно поподробней что у вас не получается? Просто растянуть div по вертикале(в процентах или пикселях?), задать ему цвет или что?

nouqart · August 19, 2010

<style type="text/css">
   .block1 { 
   background-color: #ff7800;
   width: 8px;
   height:100%;
   }
  </style>

не понимаю почему не вытягивает...

Vlad · August 19, 2010

100% это от высоты родителя. Какая высота у родительского элемента?

stars · August 19, 2010

<style type="text/css">
   .block1 { 
   background-color: #ff7800;
   width: 8px;
   height:100%;
   }
  </style>

не понимаю почему не вытягивает...

Да как Vlad уже написал для того чтобы block1 растянулся на 100% высоты родителя у этого самого родителя она должна быть...

Если страница выглядит как:

<html>
....
<body>
  <div class="block1"></div>
</body>
</html>

То в этом случаи в css надо добавить html, body { height:100%; }

nouqart · August 22, 2010

Спасибо ребят разобрался. Добавил позиционирование.

<style type="text/css">
.block1 { 
	background: #FF6600;
	width: 8px;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0px;
}
</style>

Странно что заданный мною цвет не отображался, решил проблему подогнав мой цвет к безопасным цветам)

Question