2 бордера вокруг блока

Kup · May 23, 2010

есть класс wrapper, растягивается на всю высоту экрана, но надо ему сделать рамку, точнее 2.

одна 1px solid #000 другая 1px solid #999

как будет лучше всего добавить 2 бордера к wrapper'у? сталкивался кто-то? как лучше сделать чтобы получился эффект аля тень...? можно наблюдать в контакте...

но, если добавляю рамку хотя бы в 1 пиксель то появляется скролбар у страницы...как бороться?

psywalker · May 23, 2010

1) Покажи скрины, как щас и как надо.

2) Ширина фикс или нет?

Kup · May 23, 2010

сейчас так, появляется скролбар

в идеале надо так:

на не знаю получится ли как-то растянуть блок на 100% и сделать отступы по 10пикселей сверху и снизу

Edited May 23, 2010 by Kup

psywalker · May 23, 2010

Абсолютное позиционирование тебе в помощь.

Kup · May 23, 2010

а как 2 бордера вокруг дива сделать)?

вложить в него еще один и он будет растягивать внешний?

Edited May 23, 2010 by Kup

psywalker · May 23, 2010

а как 2 бордера вокруг дива сделать)?
вложить в него еще один и он будет растягивать внешний?

Тебе ИЕ6 нужен?

Kup · May 23, 2010

как бы нет, но было бы тоже неплохо

Edited May 23, 2010 by Kup

psywalker · May 23, 2010

нет

Тогда темболее лови.

А для ИЕ6 ищи экспрешаны.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Стандартный элемент списка чего-нибудь - Tarik (20.05.2010)</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<style type="text/css">
		*{ margin: 0; padding: 0;}
		html,body { height: 100%;}

		div.wrap { 
			min-height: 100%;
			position: relative;
		}
			div.border { 
				position: absolute;
				border: 10px double #000;
				top: 10px;
				left: 10px;
				right: 10px;
				bottom: 10px;
}
			p { padding: 20px;}
	</style>

</head>
<body>
<div class="wrap">
	<div class="border"></div>
<p>есть класс wrapper, растягивается на всю высоту экрана, но надо ему сделать рамку, точнее 2.
одна 1px solid #000 другая 1px solid #999
как будет лучше всего добавить 2 бордера к wrapper'у? сталкивался кто-то? как лучше сделать чтобы получился эффект аля тень...? можно наблюдать в контакте...
но, если добавляю рамку хотя бы в 1 пиксель то появляется скролбар у страницы...как бороться? есть класс wrapper, растягивается на всю высоту экрана, но надо ему сделать рамку, точнее 2.
одна 1px solid #000 другая 1px solid #999
как будет лучше всего добавить 2 бордера к wrapper'у? сталкивался кто-то? как лучше сделать чтобы получился эффект аля тень...? можно наблюдать в контакте...
но, если добавляю рамку хотя бы в 1 пиксель то появляется скролбар у страницы...как бороться? есть класс wrapper, растягивается на всю высоту экрана, но надо ему сделать рамку, точнее 2.
одна 1px solid #000 другая 1px solid #999 </p>	
</div>
</body>
</html>

Да, и почитай тут о бордерах не забудь http://htmlbook.ru/css/border-style.html

Sign In

2 бордера вокруг блока

Question

Kup

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Kup

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Kup

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Kup

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information