left и pos. absolute?
6 отговора
111 прегледа
left и pos. absolute?
има ли начин да се постави div с абсолютна позиция над всички други неща на страницата и да е на еднакво разтояние от ляво при всички резолюции?
пример:
<div style="width: 100px;
height: 100px;
position: absolute;
top: 10px; - това си е добре навсякъде
left: 10px; - това е проблема. при различна резолюция си седи правилно, но пък се показват нещата под него. исам да кажа, че при 800х600 закрива всичко под него а при по-голяма се вижда всичко"></div>
П.П. Не се приема js
пример:
<div style="width: 100px;
height: 100px;
position: absolute;
top: 10px; - това си е добре навсякъде
left: 10px; - това е проблема. при различна резолюция си седи правилно, но пък се показват нещата под него. исам да кажа, че при 800х600 закрива всичко под него а при по-голяма се вижда всичко"></div>
П.П. Не се приема js
Редактирано от ghs на
Не моа та...
разбера кво искаш да кажеш с тва... В краен случай z-index не работи ли?
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
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 текста не се вижда а при по-голяма резолюция се показва.
<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 текста не се вижда а при по-голяма резолюция се показва.
Според мен е нормално...
нещо с абсолютна позиция да се показва над нещо което е в нормалния поток на текста...?
Кво искаш да кажеш?
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Кво искаш да кажеш?
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
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 на
Re: Не моа та...
е това второто стана, но нещо не мога да го настроя както трябва. мерси за помоща.