div-ы, position:absolute,центровка по вертикале

slam_jack · November 23, 2008

Есть главная страница - http://yurii-vais.ru/index.html

Двум анимированным изображениям ссылкам и логотипу выставлен position absolute ,картинка фон закреплена по вертикали и горизонтали.

Теперь осталось также закрепить 3 элемента ,которые поверх фона (лого и ссылки).

Проблема в том что они то position absolute,и просто их зафиксировать не получается,сохранив наложение.Надо просто чтобы все элементы не реагировали на размер окна,а всегда оставались каждый на своем месте.

Просто чтобы сайт не тянулся,одним словом

Как это сделать???? Кто нибудь сталкивался с такой задачей? Пжлст посоветуйте решения.

Searcher · November 24, 2008

Указывайте абсолютные значения в top и left всем элементам.

slam_jack · November 24, 2008

Указывайте абсолютные значения в top и left всем элементам

можно пжлст подробней,на примере кода.

slam_jack · November 24, 2008

нашел про абсолютное позиционирование тут http://www.htmlbook.ru/content/?id=99&text=1, пы таюсь прикрутить к съезжающим элементам, ничего не получается,помогите кто нибудь!

Searcher · November 25, 2008

Вариантов решения Вашей задачи много, вот один из них:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">

* {margin:0; padding:0;}
body, html {width:100%; height:100%;}

div#main {background-color:#F00; position: relative; width: 600px; margin: 0 auto;}
div#left {background-color:#0F0; position: absolute; width: 100px; height: 100px; top:30px; left: -50px;}
div#right {background-color:#0F0; position: absolute; width: 100px; height: 100px; top:30px; right: -50px;}
div#content {position: relative; width: 490px; margin: 0 auto;}

</style>
</head>
<body>

<div id="main">
	<div id="left"></div>
	<div id="right"></div>
	<div id="content">
		С 24 ноября Центробанк РФ расширил коридор допустимых колебаний курса бивалютной корзины на 30 коп. в каждую сторону. REGNUM  08:53 
		В рамках мягкой девальвации рубля в понедельник Центробанк РФ во второй раз за ноябрь расширил коридор колебаний бивалютной корзины, которая используется в качестве операционного курсового ориентира ЦБ с февраля 2005 года, на 30 копеек в каждую сторону. Finam.Ru  24.11.08 20:19 
		Тем не менее, как ранее заявлял глава ЦБ Сергей Игнатьев, ни правительство, ни Центробанк не заинтересованы в резкой девальвации курса рубля по отношению к иностранным валютам, и у России есть ресурсы, чтобы этого не допустить. Утро.ru  24.11.08 16:31 
	</div>
</div>

</body>
</html>

Sign In

div-ы, position:absolute,центровка по вертикале

Question

slam_jack

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

slam_jack

Link to comment

Share on other sites

slam_jack

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information