Shape 5

Hi,
I've setup the a blog layout on a page with 3 columns.
For some reason, the middle column is bigger than the rest of the columns.

Here's a link:
http://screamdesign.co.il/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=2

It doesn't happen with another template...

Can you help please?

I checked out your site and just see a small left column with the main body to the right with rows of images.  I'm not sure what you are referring to. 

Hi,
There are 3 columns of images there (it is actually a blog layout of a category).
Can you see the problem in the way it shows?
Yonatan

I'm not sure what you are looking for it to do, I see rows of images with three in each row

I attach an image.
Please watch the gap that I enhanced there.

Oh ok I see, there is a "<span class="article_separator"> </span>" that is causing this.  You could try a different layout but the best option would be just to put your images in DIVs next to each other for example the first row could be as follows:

<div style="float:left;width:150px;">
first image here
</div>
<div style="float:left;width:150px;">
second image here
</div>
<div style="float:left;width:150px;">
third image here
</div>
<div style="clear:both;"></div>


then start the second row as follows, make sure you have the clear both div after each row

<div style="float:left;width:150px;">
first image here
</div>
<div style="float:left;width:150px;">
second image here
</div>
<div style="float:left;width:150px;">
third image here
</div>
<div style="clear:both;"></div>

Hi,

I removed the separator (I gave it a display: none; in the CSS) and it didn't help.
This is an automated blog layout... it is generated by Joomla.

It looks ok with other templates - only with this one there is a problem...
This means something in the template messes with the blog-layout. I can't tell why... I tried any things, but it is something in the template which I cannot solve on my own.

Yonatan

If I delete the article separator in firebug it does bring them up a bit.  I'm not sure how you article layout it setup but I would try just doing one column and use the above code and it'll be sure to work

I want a 3 columns blog layout. For some reason, in this template, it has this small bug.
I don't really understand how exactly can this be fixed.
Thanks,
Yonatan

The template itself just outputs the 3 columns it can't actually change what code is output. 

But if I use another template, it shows right.
Here's the same page with another template:
http://screamdesign.co.il/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=21
As you can see, the differences do not exist.

Try adding the following to the bottom of the kite photography css file:

.article_separator {
clear:both;
display:block;
height:20px;
}

The above code comes from the template css of the current template assigned at line 488.  Perhaps this will fix it.