Перейти к публикации

Рекомендованные сообщения

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>

Изменено пользователем Uzer
Ссылка на сообщение
Поделиться на других сайтах

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

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

padding-left:

padding-top:

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

padding-left:

padding-top:

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Во-первых, элемент «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;

}

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

Ссылка на сообщение
Поделиться на других сайтах
  • 2 недели спустя...

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...