Получение середины экрана - HTML и CSS

Sensizu · 13.06.2010, 15:39

Задача: как-то получить (то ли через JS, то ли есть такой встроенный параметр в CSS) координату середины экрана. Вот именно того экрана, который сейчас открыт и отображает документ. Если окно минимизировано - то это одна величина, а если открыто на весь экран - то другая.
Что я имею ввиду:

В том то и дело, что Х и У расстояния разные, т.к. в первом случае окно браузера занимает меньшую часть на экране, чем во втором. Значит статично задать параметр Left (Margin-left) в CSS я не могу.
Как это рассчитать программно или через CSS?

Magneto · 13.06.2010, 16:59

Если Вам нужно именно получить координаты или разрешение монитора у пользователя, то это легко можно сделать при помощи JavaScript (обратитесь в соответствующую ветку).

Но если Вам нужно просто разместить элемент по центру экрана и и чтоб он оставался там при любом разрешении окна или монитора, то это легко реализовать при помощи CSS

Код:

<!doctype html>
<html>
<head>

	<title></title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<style type="text/css">
div{
	width:100px;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	background:#999}
</style>

</head>
<body>

<div></div>

</body>
</html>

есть некоторые условия:
1. размещаемый блок должен иметь заданную ширину (к примеру width:100px), а лучше еще и высоту (height:100px)
2. это не работает в браузере IE6

P.S. я прикрепляю пример - посмотрите (поизменяйте размер окна браузера)

Sensizu · 13.06.2010, 17:16

Magneto, точно. Я уже понял про проценты, а вот в position у меня стояло fixed, а не absolute. Спасибо! =)

13.06.2010, 15:39	#1
Sensizu Otsukitakitte Форумчанин Регистрация: 01.10.2009 Сообщений: 126	Получение середины экрана Задача: как-то получить (то ли через JS, то ли есть такой встроенный параметр в CSS) координату середины экрана. Вот именно того экрана, который сейчас открыт и отображает документ. Если окно минимизировано - то это одна величина, а если открыто на весь экран - то другая. Что я имею ввиду: В том то и дело, что Х и У расстояния разные, т.к. в первом случае окно браузера занимает меньшую часть на экране, чем во втором. Значит статично задать параметр Left (Margin-left) в CSS я не могу. Как это рассчитать программно или через CSS? Помог - ставь плюс. $("question").onAnswer(function() { $(this).getItWright(true); });

13.06.2010, 17:16	#3
Sensizu Otsukitakitte Форумчанин Регистрация: 01.10.2009 Сообщений: 126	Magneto, точно. Я уже понял про проценты, а вот в position у меня стояло fixed, а не absolute. Спасибо! =) Помог - ставь плюс. $("question").onAnswer(function() { $(this).getItWright(true); });

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
перемотка avi или начать воспроизведение с середины...	xXBOBXx	Мультимедиа в Delphi	20	05.04.2018 01:49
Получение снимка экрана методами отличными от printscreen	Mixasik	Софт	17	26.03.2010 10:23
Получение произвольного пикселя с экрана	andreyasu	Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM	3	07.06.2009 21:35
Разрешение экрана	Михаил Юрьевич	Общие вопросы Delphi	3	11.07.2008 21:33
Разрешение экрана	-=<[Evklidd]>=-	Общие вопросы Delphi	1	20.02.2008 10:55