Stack

[hackalive]

Hi guys,

I am using this code

http://jsfiddle.net/jtbowden/ykbgT/2/

(link from http://stackoverflow.com/questions/4741880/slide-a-div-offscreen-using-jquery)

 

but want to know how I can stack multiple groupings of the <div>s

 

so this is my code

<div id="container">
    <div id="row">
    <div id="box1" class="box">Div #1</div>
    <div id="box2" class="box">Div #2</div>
    <div id="box3" class="box">Div #3</div>
    <div id="box4" class="box">Div #4</div>
    <div id="box5" class="box">Div #5</div>
    </row>
    <div id="row">
    <div id="box1" class="box">Div #1</div>
    <div id="box2" class="box">Div #2</div>
    <div id="box3" class="box">Div #3</div>
    <div id="box4" class="box">Div #4</div>
    <div id="box5" class="box">Div #5</div>
    </row>
    <div id="row">
    <div id="box1" class="box">Div #1</div>
    <div id="box2" class="box">Div #2</div>
    <div id="box3" class="box">Div #3</div>
    <div id="box4" class="box">Div #4</div>
    <div id="box5" class="box">Div #5</div>
    </row>
</div>

 

 

I essentially need the rows to stack one underneath the other, like rows in a table.

 

 

Many many thanks in advance

[blackcell]

You can try to specify a width but I am not sure css divs are meant for that. That is more along the lines of tabular data and tables need to be used. I have run into this same issue. I div/span everything until I need data displayed in table form and then use tables.