2012-06-21 3 views
0

У меня есть большой div с большим фоном. Теперь я хочу создать некоторые div и поместить их поверх некоторых элементов в фоновое изображение, а затем использовать qTip2, чтобы дать некоторые пояснения. В середине я хочу поставить форму.Из потока div, но не абсолютное позиционирование

<div id="bigdiv" style="background-image:url('back.jpg')"> 
    <div id="qtipbox1"></div> 
    <div id="qtipbox2"></div> 
    <div id="form"></div> 
</div> 

Проблема: если я использую position relative для QTIP коробки форма идет вниз. Если я использую absoluteposition, результаты разные, поскольку я изменяю размер окна.

Что мне нужно делать?

+0

Было бы очень полезно, если бы вы разместили часть своего кода. –

+1

попытайтесь использовать абсолютное позиционирование с использованием значений '%' вместо 'px', т. Е.' {Position: absolute; верх: 15%; слева: 20%; } ' –

+0

OOps, извините! Теперь есть код! –

ответ

5

Это поможет, если вы поделитесь соответствующим кодом или (еще лучше) выставили образец на JSFiddle.

Во всяком случае, вы используете position: relative на контейнере div с большим фоном, а затем используете position: absolute на элементах внутри. Таким образом, они должны быть абсолютно расположены относительно контейнера.

+0

Спасибо, это работает! –