position:absolute; - на всех мониторах одинакого?

d4a1 · June 30, 2011

Всем привет. Подскажите пожалуйста :

Задаю обЪекту стиль css

position:absolute;

top:200px;

left:250px;

У меня всё ровно на сайте , относительно других объектов.

А на других мониторах всё будет правильно ??

Softlink · June 30, 2011

Всем привет. Подскажите пожалуйста :
Задаю обЪекту стиль css
position:absolute;
top:200px;
left:250px;
У меня всё ровно на сайте , относительно других объектов.
А на других мониторах всё будет правильно ??

если вы на себя наденете зеленую футболку, вы во всех зеркалах будете выглядеть одинаково? Это аналогия.

d4a1 · June 30, 2011

так-то оно так, но разрешения мониторов у всех разные.

position:absolute задана только одному блоку, а весь сайт свёрстан по другому ( просто несмог его другим способом вставить)

координата left - точно неможет уйти куда-нибудь на другом разрешении монитора ?

Softlink · June 30, 2011

так-то оно так, но разрешения мониторов у всех разные.
position:absolute задана только одному блоку, а весь сайт свёрстан по другому ( просто несмог его другим способом вставить)
координата left - точно неможет уйти куда-нибудь на другом разрешении монитора ?

ну так вы и посмотрите как оно выглядит. На мониторе же можно менять разрешение. В конце концов есть такой сервис http://viewlike.us/

На любом мониторе ваш блок будет отступать сверху на 200 и слева на 250 пикселей.

d4a1 · June 30, 2011

всё понял. при меньших или больших разрешениях экрана

блок уезжает - относительно самого сайта.

а подскажите как в такой ситуации :

position:absolute;

top:200px;

left:250px;

задать выравнивание по центру , но это оставить

position:absolute;

top:200px;

Softlink · June 30, 2011

всё понял. при меньших или больших разрешениях экрана
блок уезжает - относительно самого сайта.
а подскажите как в такой ситуации :
position:absolute;
top:200px;
left:250px;
задать выравнивание по центру , но это оставить
position:absolute;
top:200px;

заключайте код в спец. теги

А по теме: задайте блоку

left:50%

тогда левая граница блока будет находится в центре экрана. В общем порулите процентами как вам надо.

d4a1 · June 30, 2011

с % тоже самое - уходит при разных разрешениях.

а может есть другой вариант ?

Softlink · June 30, 2011

с % тоже самое - уходит при разных разрешениях.
а может есть другой вариант ?

не очень понимаю что вы хотите теперь. На разных разрешениях, если у вас сайт резиновый, контент будет двигаться. Соответственно блок с абсолютом будет относительно его оказываться в разных местах.

Покажите лучше на картинке, что надо сделать.

можно сделать так например:

                  .main{
                                border:3px solid #000;
                                width:100%;
                                height:100%;
				position:absolute;

                        }
                        .green{
                                border:2px solid #0F0;
                                width:100px;
                                height:140px;
				background:green;
				margin:0 auto;

<body>
<div class="main">
<div class="green" >текст</div>
</div>

<div>здесь будет много текст и возможно картинка</div>

</body>
</html>

d4a1 · July 2, 2011

Подскажите возможно ли отцентрировать блок шириной допустим 800px

position:absolute;

top:200px;

left:18%;

и например задать margin-left: -????;

или так ничего не решить ?

существуют ли варианты отцентрировать блок ?

d4a1 · July 2, 2011

вроде получилось, сделал так

position: absolute;

top: 250px;

margin: 0 auto;

Softlink · July 2, 2011

вроде получилось, сделал так
position: absolute;
top: 250px;
margin: 0 auto;

т.е. вы вложили обычный блок в абсолют, так?

Sign In

position:absolute; - на всех мониторах одинакого?

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information