Jump to content
  • 0

позиционирование


alexeurodnepr
 Share

Question

может, кто сталкивался... не могу кинуть весь код иба это не реально

почему может див наделен абсолютным позиционированием сдвигать дизайн? т.е. как бы он находится в дереве вместе с другими элементами а не в отдельном потоке? я уже прям не знаю, как сделать его поверх всех элементов и что б он не двигал все.... (не работает в FF другие браузеры не побывал)

спасибо!

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0
А вы каким образом присвоили это абсолютное позиционирование?

ну вот так там

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">

#test {

background-image: url('report.gif');

background-repeat: no-repeat;

position: absolute;

top: 50%;

left: 50%;

width: 80px;

height: 32px;

}

</style>

</head>

<body>

<div id=test> </div>

</body>

</html>

и вот этот блок сдвигает все

Edited by alexeurodnepr
Link to comment
Share on other sites

  • 0

Не знаю в чем был бок сейчас все идеально работает во всех браузерах... аномалия какае-то была ;) , спасибо всем!!!.

тут встречный вопрос возможно ли сделать так, например:

1. Нажмите "ответить" в ветке.

2. Вылезет блок в который вы можете написать ответ, так вот... можно ли в зависимости этого блока как-то выставить абсолютно рисунок что б он был по верх всего т.е.

мы имеем

#test {

background-image: url('report.gif');

background-repeat: no-repeat;

position: absolute;

top: 50%;

left: 50%;

width: 80px;

height: 32px;

}

и я хотел бы что б эти данные

top: 50%;

left: 50%;

были для этого блока а не для всей страницы. Я пробовал, что-то крутить с relation но толи я не правильно делаю, толи нз..

надеюсь вы поняли, что я хочу ;)

Link to comment
Share on other sites

  • 0

оки) постараюсь перефразировать

Вот мы имеем скрин i316917_forhelp.jpg

Это скрин этого форума

мы имеем картинку, это та картинка которая "ответить" на рисунке

#test {

background-image: url('report.gif');

background-repeat: no-repeat;

position: absolute;

top: 50%;

left: 50%;

width: 80px;

height: 32px;

}

и имеем блок которые выделен черным-жирным

так вот, я б хотел, от позиционировать эту картинку в этом блоке т.е. задать ей абсолют, и эти данные top: 50%; left: 50%; выравнивали б картинку по центру "ЭТОГО БЛОКА А НЕ ВСЕЙ СТРАНИЦЫ", и что б она была поверх этого блока естсно :) что б когда я изменял размер браузера картинка оставалась по центру блока :)

В общем думаю так будет наглядней :D

Edited by alexeurodnepr
Link to comment
Share on other sites

  • 0
родительскому блоку установите position:relative; и абсолютное позиционирование дочерних элементов будет происходить от родительского блока.

да, все отлично работает, ВСЕМ БОЛЬШОЕ СПАСИБО!!!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy