space between category rows

[Stannite]

Hi all,

I have a problem with virtuemart 2.0.0-RC-2M. In the category listing, the first row is displayed correctly. The second row is pushed down beneath my left div which contains the menu ( see image1 ). With a template override i tried to remove the clear:both from the code but when i do that the products and the horizontal separator are moved up overlapping each other ( see image2 ). Has anybody an idea on how to fix this?

thanks in advance

[attachment cleanup by admin]

[PRO]

Stannite , have you ran the site through an html validator?

IF you are running in local xampp or something, you can validate in opera local.

[Stannite]

I have installed html validator and firebug but no errors show up.

[alexsai]

Hard to say.. anyway the problems is in your html/css template code.
it impossible to say without looking at the code.

[Stannite]

I have been playing around with the template override for category and added style="display:inline-block" for all the divs and classes in it. now the horizontal separator isn't clearing the menu div anymore but it doesn't center it anymore as well. i don't know how to override the css the correct way, can this be done in my template css?

[attachment cleanup by admin]

[Stannite]

OK, i got it working now,

I made the horizontal separator and the category box an inline-block. i don't know if this is the right solution but it works for me.

thanks for your help people