float divs in position relative div

Question

У меня есть относительная позиция div (контейнер id), и внутри него есть другие divs (кнопки класса), которые должны быть 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; divs отображаются, но один под другим, а не один рядом с другим. Как я могу сделать? Спасибо, Mattia

Answer 1

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

Edit:

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

Вы должны иметь возможность настроить css, надеюсь, это поможет.

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

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