left и pos. absolute?

6 отговора 111 прегледа
#1

left и pos. absolute?

има ли начин да се постави div с абсолютна позиция над всички други неща на страницата и да е на еднакво разтояние от ляво при всички резолюции?

пример:

<div style="width: 100px;
height: 100px;
position: absolute;
top: 10px; - това си е добре навсякъде
left: 10px; - това е проблема. при различна резолюция си седи правилно, но пък се показват нещата под него. исам да кажа, че при 800х600 закрива всичко под него а при по-голяма се вижда всичко"></div>

П.П. Не се приема js

Редактирано от ghs на

Отговор
в отговор на ghs #2

Не моа та...

разбера кво искаш да кажеш с тва... В краен случай z-index не работи ли?

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Отговор
в отговор на Koтapakът нa Шpьoдинrep #3

Re: Не моа та...

Пробвай с това
<html>
<body>
<div style="width: 100px;
height: 100px;
position: absolute;
top: 10px;
left: 350px; background-color: #ffffff;"></div>
<div style="width: 100%; text-align: center;">Georgi</div>
</body>
</html>

При 800 текста не се вижда а при по-голяма резолюция се показва.

Отговор
в отговор на ghs #4

Re: Не моа та...

??? интересно...

Отговор
в отговор на ghs #5

Според мен е нормално...

нещо с абсолютна позиция да се показва над нещо което е в нормалния поток на текста...?
Кво искаш да кажеш?

There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Отговор
в отговор на ghs #6

Re: Не моа та...

И аз много не те разбрах, нещо такова ли искаш да направиш?


<html>
<body>
<div style="
width: 100%;
text-align: center;
border:1px solid red;
">Georgi</div>

<div style="
width: 100px;
height: 100px;
margin: 0 auto;
position: relative;
top: -20px; background-color: #fff;
border:1px solid blue;
"><!-- --></div>

</body>
</html>


Ей ти го и с абсолютно позициониране, ще работи само ако знаеш колко ти е широк абсолютно позиционираният елемент:


<html>
<body>
<div style="
width: 100%;
text-align: center;
border:1px solid red;
">Georgi</div>
<div style="
width: 100px;
height: 100px;
position: absolute;
top: 10px;
left: 50%;
margin-left: -50px;
background-color: #fff;
border:1px solid blue;"
><!-- --></div>

</body>
</html>



[линк] - блог, уеб дизайн, лекции, интернет сигурност

Редактирано от dimodi на

Отговор
в отговор на dimodi #7

Re: Не моа та...

е това второто стана, но нещо не мога да го настроя както трябва. мерси за помоща.

Отговор