плавающие div внутри позиции относительного div

У меня есть относительное положение div (контейнер id), и внутри него есть другие div (кнопки класса), которые должны быть float: left;

<div id="container">
    <div class="buttons"></div>
    <div class="buttons"></div>
    <div class="buttons"></div>
</div>

Проблема в том, что если я устанавливаю кнопки divs float: left; они не сравниваются внутри контейнера div, я не знаю, где они находятся, даже с firebug я не могу их найти. я удаляю float: left; div отображаются, но один под другим, а не один рядом с другим. Как я могу сделать? Спасибо, Маттиа.


css-position position css-float
person pindol    schedule 23.02.2012    source источник
comment
Пожалуйста, опубликуйте CSS, который вы используете в настоящее время   -  person lamplightdev    schedule 23.02.2012
comment
#container{ позиция: относительная; высота: 13 пикселей; верх: 441px; слева: 1057 пикселей; } .buttons{ ширина: 9px; высота: 9 пикселей; фоновое изображение: url(../images/slider-cmd-not-hp.png); поле сверху: 2px; поле справа: 5px; отображение: встроенный блок; }   -  person pindol    schedule 23.02.2012
comment
Относительно чего должен быть контейнер? Зачем вам контейнер 441px сверху и 1057px слева? Какого эффекта вы пытаетесь достичь, возможно, мы сможем собрать для вас образец.   -  person Robert    schedule 23.02.2012
comment
continer находится внутри другого div (называемого слайдом), и он должен быть относительным, потому что он является частью слайда (содержащегося в div слайда) и должен оставаться там, когда слайд перемещает элементы.   -  person pindol    schedule 23.02.2012
comment
Вот изображение, чтобы лучше объяснить: mattialori.net/slide.gif   -  person pindol    schedule 23.02.2012

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете установить стиль класса кнопок на display: inline-block; или использовать диапазон.

Редактировать:

Я собрал для вас пример jsfiddle.
http://jsfiddle.net/2t87P/

Вы должны быть в состоянии настроить CSS, я надеюсь, что это поможет.

Я бы также взглянул на некоторые надстройки для слайд-шоу, разработанные другими людьми, потому что мой пример не очень хорошее место для начала.

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

person Robert    schedule 23.02.2012
comment
Я пытался, но это не работает :(, я думаю, что сделаю это с помощью span, если не найду решение. Спасибо - person pindol; 23.02.2012