POSITION: absolute

[Uzer 0]

POSITION: absolute

Как сделать отходной точкой центр страницы.

Нужно сделать так чтобы при определении позиции точкой отсчета был центр.

Есть страница фиксированного размера по ширине, по бокам резиновая(при смене разрешения меняются только края), как тупо указать ссылку в требуемом месте? POSITION: absolute настроить никак не выходит. При изменении размера страницы всё вообщем улетает.

код

<a href="http://................ru" target="_blank" title="Почта">

<img width="900" height="100" border="5" align="right" src="http://...............gif" style="position: absolute; width: 50px; height: 50px; top: 240px; right: 100px;" /></a>

Изменено 22 апреля 2009 пользователем Uzer

[baxus 49]

left:50%;

top:50%;

А потом паддингами

[Uzer 0]

left:50%;

top:50%;

А потом паддингами

как падингами?

[baxus 49]

ну ты выставляешь лефтом и топом чтоб твой что ты там позиционируешь отображался по середине браузера... то есть в самой центральной точке твоего монитора.

а потом параметрами

padding-left:

padding-top:

выставляешь отступы либо правее и ниже... либо с отрицательными значениями выше и левее

сорри ... я фигню спорол.... не padding а margin нужно использовать

[Uzer 0]

ну ты выставляешь лефтом и топом чтоб твой что ты там позиционируешь отображался по середине браузера... то есть в самой центральной точке твоего монитора.

а потом параметрами

padding-left:

padding-top:

выставляешь отступы либо правее и ниже... либо с отрицательными значениями выше и левее

сорри ... я фигню спорол.... не padding а margin нужно использовать

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

Подскажи если есть еще вариант, чтобы и при появлении нижнего скрула ничего не уезжало от выбранного места. А так всё верно, как ты и сказал, все работает

[baxus 49]

А для чего этот нижний скрол?

вот способ этот

Во-первых, элемент «container» (имя элемента div в данном примере) абсолютно позиционируется так, чтобы левый край на 50% пересекал исходный содержащий его блок (т. е. ширину содержащего его окна браузера).

Затем применяется отрицательное левое поле, которое смещает страницу влево на половину ее ширины, выравнивая, таким образом, серединную точку страницы с серединной точкой окна. И, о чудо, страница отцентрирована [метод взят из книги «The Zen of CSS Design», авторы Дэйв Ши (Dave Shea) и Молли Е. Хольцшлаг (Molly E. Holzschlag)]. Метод впервые использован Джоном Хиксом (Jon Hicks) и представлен на сайте CSS Zen Garden (www.csszengarden.com).

Код:

div#container {

  position: absolute;

  left: 50%;

  width: 1000px;

  margin-left: -500px;  /* половина ширины */

}

я просто не совсем разбираюсь в ID и не понимаю что это за селектор div#container Точнее как его прописать в html. Но из примера я так понимаю что делается сперва блок нужного размера а потом уже внутри этого блока размещается второй блок и центрируется как нужно... ну а если не так то другого способа нету не нифига я попробовал.. абсолютное только на браузер ориентируется.... что я считаю огромным недостатком css Хотя можно ещё вот типа так.....

<div class="container"><div class="container2">Привет</div></div>

.container{

width:600px;

height:600px;

border:1px solid;

}


.container2{

  position: relative;

  left: 50%;

  width: 200px;

  height:200px;

  margin-left: -100px;  /* половина ширины */

border:1px solid;

}

Но опять же проблема в том что при релативе у тебя место где этот блок изначально стоит будет пустовать

[Uzer 0]

Вобщем не катит такое дело, оно расплывается то туда то сюда по браузерам. Проще остается таблицей делать, париться меньше приходится.