Uzer 0 Опубликовано: 22 апреля 2009 Рассказать Опубликовано: 22 апреля 2009 (изменено) 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 Опубликовано: 22 апреля 2009 Рассказать Опубликовано: 22 апреля 2009 left:50%; top:50%; А потом паддингами Цитата Ссылка на сообщение Поделиться на других сайтах
Uzer 0 Опубликовано: 22 апреля 2009 Рассказать Опубликовано: 22 апреля 2009 Автор left:50%; top:50%; А потом паддингами как падингами? Цитата Ссылка на сообщение Поделиться на других сайтах
baxus 49 Опубликовано: 22 апреля 2009 Рассказать Опубликовано: 22 апреля 2009 ну ты выставляешь лефтом и топом чтоб твой что ты там позиционируешь отображался по середине браузера... то есть в самой центральной точке твоего монитора. а потом параметрами padding-left: padding-top: выставляешь отступы либо правее и ниже... либо с отрицательными значениями выше и левее сорри ... я фигню спорол.... не padding а margin нужно использовать Цитата Ссылка на сообщение Поделиться на других сайтах
Uzer 0 Опубликовано: 22 апреля 2009 Рассказать Опубликовано: 22 апреля 2009 Автор ну ты выставляешь лефтом и топом чтоб твой что ты там позиционируешь отображался по середине браузера... то есть в самой центральной точке твоего монитора. а потом параметрами padding-left: padding-top: выставляешь отступы либо правее и ниже... либо с отрицательными значениями выше и левее сорри ... я фигню спорол.... не padding а margin нужно использовать Верно, с маргинами дела обстоят получше. Хороший способ, и все же в нем тоже есть слегка неувязка, при движении окна, когда появляется нижний скрул, все-таки есть некоторый отьезд от нормального расположения, и всё же остановлюсь на нем, другого пока не знаю. Подскажи если есть еще вариант, чтобы и при появлении нижнего скрула ничего не уезжало от выбранного места. А так всё верно, как ты и сказал, все работает Цитата Ссылка на сообщение Поделиться на других сайтах
baxus 49 Опубликовано: 22 апреля 2009 Рассказать Опубликовано: 22 апреля 2009 А для чего этот нижний скрол? вот способ этот Во-первых, элемент «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 Опубликовано: 3 мая 2009 Рассказать Опубликовано: 3 мая 2009 Автор Вобщем не катит такое дело, оно расплывается то туда то сюда по браузерам. Проще остается таблицей делать, париться меньше приходится. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.