Плавающий слой - HTML и CSS

wcp · 01.10.2010, 21:08

В шапке сайта нужно разместить плавающий слой со 100% шириной, чтобы он всегда оставался выше всех по z-index и всегда был прижат к верхней границе экрана во время прокрутки страниц.
Как это можно сделать средствами html/css и можно ли вообще? На jquery делать не очень хочется, слишком много параноиков, которые режут скрипты из-за того, что касперский вдруг заорет про вирус.

Никки · 01.10.2010, 21:27

ну это просто!

Код:

<body style="margin: 0px;">
<div style="position: fixed; z-index: 1; background-color: red; border: solid black 1px; width: 100%; height: 50px;">
Тра та та
</div>
</body>

SkyM@n · 01.10.2010, 21:30

Цитата:

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

На jquery делать не очень хочется, слишком много параноиков, которые режут скрипты из-за того, что касперский вдруг заорет про вирус.

Мне кажется, что пароноиком являетесь Вы из-за того, что так думаете.

wcp · 01.10.2010, 21:40

2 SkyM@n
увы, мое высказывание основывается на личном опыте - я сейчас наблюдаю, как юзеры в локалке режут всё, что попадется, потому что сосед сказал "это вирус! страшно! винду убъет".

wcp · 02.10.2010, 02:37

Цитата:

Сообщение от Никки

ну это просто!

Код:

<body style="margin: 0px;">
<div style="position: fixed; z-index: 1; background-color: red; border: solid black 1px; width: 100%; height: 50px;">
Тра та та
</div>
</body>

В лисе это дает отступ перед слоем, как будто там стоит BR. Не помогают margin: 0px; padding: 0px;

Magneto · 02.10.2010, 23:22

Может у Вас какая то неправильная Мазила?

Код:

<!doctype html>
<html><head>
	<title></title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
*{
	margin:0;
	padding:0}

#top_block{
	width:100%;
	height:100px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#222}

#wrapper{
	width:900px;
	height:1400px;
	margin:0 auto;
	background:#999}
</style>
</head><body>
	<div id="top_block"></div>
		<div id="wrapper"></div>
</body></html>

посмотреть как выглядит

SkyM@n · 04.10.2010, 20:08

Цитата:

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

2 SkyM@n
увы, мое высказывание основывается на личном опыте - я сейчас наблюдаю, как юзеры в локалке режут всё, что попадется, потому что сосед сказал "это вирус! страшно! винду убъет".

То есть вы будете реагировать на каждый испуг юзера? Тогда я Вам не завидую. Ждите, что завтра какой-то "сосед" скажет, что кнопка или какая-то картинка Вашем сайте - вирус.

01.10.2010, 21:08	#1
wcp Регистрация: 07.09.2009 Сообщений: 6	Плавающий слой В шапке сайта нужно разместить плавающий слой со 100% шириной, чтобы он всегда оставался выше всех по z-index и всегда был прижат к верхней границе экрана во время прокрутки страниц. Как это можно сделать средствами html/css и можно ли вообще? На jquery делать не очень хочется, слишком много параноиков, которые режут скрипты из-за того, что касперский вдруг заорет про вирус. http://bonappetit.com.ua - кулинарный портал http://mirpodarkov.in.ua - Агентство доставки цветов и поздравлений "Подарки от Лилии"

01.10.2010, 21:40	#4
wcp Регистрация: 07.09.2009 Сообщений: 6	2 SkyM@n увы, мое высказывание основывается на личном опыте - я сейчас наблюдаю, как юзеры в локалке режут всё, что попадется, потому что сосед сказал "это вирус! страшно! винду убъет". http://bonappetit.com.ua - кулинарный портал http://mirpodarkov.in.ua - Агентство доставки цветов и поздравлений "Подарки от Лилии"

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Плавающий ткст	bookkc	Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM	2	15.09.2010 15:19
Плавающий фрейм иенно по центру	Syltan	HTML и CSS	0	26.03.2010 00:41

01.10.2010, 21:27	#2
Никки Форумчанин Подтвердите свой е-майл Регистрация: 20.11.2007 Сообщений: 500	ну это просто! Код: `<body style="margin: 0px;"> <div style="position: fixed; z-index: 1; background-color: red; border: solid black 1px; width: 100%; height: 50px;"> Тра та та </div> </body>` Операторы России