CODEWITHSUNDEEP
positioncss-floatcss-position
pindol
pindol

Reputation: 2110

float divs inside position relative div

I have a div position relative (id container) and inside it i have other divs (class buttons) that have to be float: left;

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

The problem is that if I set buttons divs float: left; they don't compare inside container div, i don't know where they are, even with firebug i can't find them. I i remove float: left; the divs are displayed but one below the other, and not one beside the other. How can i do? Thanks, Mattia

Upvotes: 0

Views: 2793

Answers (1)

Robert
Robert

Reputation: 3398

You could set the style of the buttons class to display: inline-block; or use a span.

Edit:

I have put together a jsfiddle example for you.
http://jsfiddle.net/2t87P/

You should be able to tweak the css i hope this helps.

I would also take a look at some of the slideshow addins that other people have developed because my example is not a very good place to start.

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

Upvotes: 1

Related Questions