Hey there!
Could you try backspace so that the div's do not have a line between them?

EDIT: Actually that's not the whole issue, remove the second and third boxcontainer div statements and their closing counterparts.

Code Screenshot

You have liked this post!

I made those corrections but there is no change on how the boxes are appearing...

You have liked this post!

Hiya!

For having three div boxes in a row, you could try this code:
<*div style="width:800px;"*>
<*div class="boxcontainer"*><*div class="scroll"*>Text1<*/*div><*/*div><*div class="boxcontainer"*><*div class="scroll"*>Text2<*/*div><*/*div><*div class="boxcontainer"*><*div class="scroll"*>Text3<*/*div><*/*div>
<*/*div>

I tweaked it for your code. :)

Just remember to remove the *'s when you use it. Putting any spaces in between the divs will cause it to not be lined up correctly just so you're aware.

I hope it helps!

You have liked this post!

The boxes decided to stack on top of each other with that coding Keina. [See den page for how that looks]

You have liked this post!

By the looks of your CSS, the boxcontainer has a width of 780px which would take up almost all of the room. Exactly why it's now stacking them since there isn't enough room for them to fit side by side.

You wouldn't exactly need the boxcontainer code so you could always remove the divs using the class boxcontainer or you could change the boxcontainer width to the same as the scroll width.

You have liked this post!

Looking at your code, it looks as if you haven't recreated my code exactly, though the CSS appears to have been edited too so I'm not 100% sure.

This is the code that I have tested and can guarantee works: http://textuploader.com/du5zt

Looks like:

You have liked this post!

It's perfect thank you very much.

Sorry about the delay in response, I started a new job and then last week my little granddaughter was born - hectic is a good way to describe my life. ^-^

You have liked this post!