ФорумПрограммированиеJavaScript → Jquery позиционирование объекта в родителе

Jquery позиционирование объекта в родителе

  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 19 октября 2010 г. 19:21

    Чего то никак не получается нормально сделать.

    есть div в нем несколько картинок координаты которых мы знаем.
    Устанавливаю им координаты
     $("#position img#"+info["info"]["id"]).css("top", "100px").css("left", "200px")

    или через
    .offset()


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

    пока не получается, потому что объекты смещаются относительно друг друга

        <div id="position">
    <img src="/public/products_pictures/konfigurator/PS530.png" title="Лоток для подачи тип PB3040" id="5485">
    <img src="/public/products_pictures/konfigurator/PS3050.png" title="Лоток большой емкости тип PB3050" id="5467">
    <img src="/public/products_pictures/konfigurator/RT45.png" title="Лоток большой емкости тип RT3000" id="5466">
    <img src="/public/products_pictures/konfigurator/low4000.png" title="Тумба-подставка низкая тип COLOUR 25" id="5462">
    <img src="/public/products_pictures/konfigurator/ARDF_3010.png" title="Реверсивный документоподатчик тип DF3010" id="5448">
    <img src="/public/products_pictures/konfigurator/3800.png" title="Крышка стекла экспонирования тип CFE 3800C" id="5442">
    <img src="/public/products_pictures/konfigurator/postscript_logo.gif" title="Модуль для печати файлов PostScript3 тип 5000" id="5586">
    </div>


    position это родитель


    #position
    {
    width: 700px;
    margin-left:500px;
    min-height: 1500px;
    _height: 1500px;
    background: #fff;
    border:1px solid #000;
    }

    #position img
    {
    position: inherit;
    top:0px;
    left:0px;
    z-index: 1;
    }



    Как правильно делать?
  • Ёл

    Сообщения: 48 Репутация: N Группа: Кто попало

    Spritz 19 октября 2010 г. 20:12, спустя 51 минуту 8 секунд

    $("#position img#"+info["info"]["id"]).css("top", $('#position').position().top+200); // для left также


    #position img
    {
    position: absolute;
    }


    я так сделал.
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 19 октября 2010 г. 22:03, спустя 1 час 50 минут 32 секунды

    не, если position: absolute; то позиция будет абсолютной а не по отношению к родителю.
  • mario

    Сообщения: 6067 Репутация: N Группа: Джедаи

    Spritz 19 октября 2010 г. 22:08, спустя 5 минут 52 секунды


    не, если position: absolute; то позиция будет абсолютной а не по отношению к родителю.
    поставь родителю поситион:релатив и тогда потомок с абсолютным позиционированием будет от него высчитывать.
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 19 октября 2010 г. 22:13, спустя 5 минут

    О, точно. спасибо.
    Тему наверно в другой раздел перенести нужно. Чет я натупил =(
  • Trej Gun

    Сообщения: 5305 Репутация: N Группа: в ухо

    Spritz 22 октября 2010 г. 18:56, спустя 2 дня 20 часов 42 минуты

    для картинок
    -позишн релятив
    -топ
    -лефт

    хэв э фан

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