Page 1 of 1

Content Text going outside divs

Posted: Thu May 16, 2013 8:51 am
by splendidbloke
Hi there!

Loving this program but I currently am not very good at using it so forgive this very basic question, however:

I have 3 divs of the same class in a template and a different content tag in each one. I want the content to fit into the width of the div, but it seems to enjoy stretching to the width of the parent div...

Here is my code.

<div id="content">

<div class="3column">
{content}
</div>

<div class="3column">
{content block=second_block label="block2"}
</div>

<div class="3column">
{content block=third_block label="block3"}
</div>

</div>

and here is my css

.3column
{
width:300px;

height:300px;
float:left;
}

In dreamweaver, this creates 3 divs in a row that line up next to each other in the page with the text staying nicely within each div. Something about the content tags seems to override the text staying within the div.

thoughts?

Sorry about my English, I'm Australian.

Re: Content Text going outside divs

Posted: Thu May 16, 2013 2:19 pm
by splendidbloke
Sorry if I wasn't clear...

basically I want it to be a 3 column layout, but the content tag seems to break free of each div so instead of getting 3 divs floating next to each other in a row, i get 3 divs in a column.

Re: Content Text going outside divs

Posted: Thu May 16, 2013 4:31 pm
by Dr.CSS
I would have to see the site to help, but it sounds like you are missing a closing div or ? as the content block can't do anything to break the layout unless you put long text sting in the content...

Re: Content Text going outside divs

Posted: Thu May 16, 2013 5:01 pm
by velden
Your code looks okay, so there must be something else going wrong. Obviously it's not the whole template nor css you show us.

Of course a three column layout is perfectly possible with cmsms:

http://www.bbvandeven.nl/informatie/links

Re: Content Text going outside divs

Posted: Fri May 17, 2013 5:50 am
by splendidbloke
Thanks for your help, I figured it was the kind of problem I would never be able to find so I simply remade the template and now it works.