Modules next to each other

The 2 modules in the position top1 stand next to each other. When I move both modules to the position main-bottom, the 2nd module is under the 1st module. How do I get both also next to each other?

Hi,
please try move them to 'bottom1' position. If it doesn't help please send me url to your website.

Hi Konrad, I already send you in PM administrator login and password for altenaweb.nl. It was about a problem with missing images.

I don't see any modules published in 'top1' or 'bottom1' position. Did you try it ?

I don't see any modules published in 'top1' or 'bottom1' position. Did you try it ?

I moved the top1 news-pro-modules to mainbottom-bottom to check if it's possible te get them next to each other in that position.
Also tried to use the bottom1-position. The modules are indeed next to each other. But I want those modules in mainbody-bottom.

You can try add suffix to modules for example " half". Then try add to override.css

Code: Select all

.half {
float:left;
width:48%;
}


and remember to enable override.css option in template settings.

Now, as you can see in http://www.altenaweb.nl/printscreen.jpg the first module is positioned a bit higher than the 2nd.
Why is mainbottom_top not exactly the same as top2? That would solve the problem.

It is happend because default box in this position has margin-top set as 14px. But first module has suffix " no margin" so this value is 0. Just remove it from first one or add this suffix to second one. And then both will be at same line.

Do I understand this correct? I replace the code for the right module to

Code: Select all

.halfright {float:left; width:48%; margin-top: 14px}

No,
go to module settings and remove in first " nomargin" suffix or add this suffix to seconf one.

Ok, that did the trick. After I also changed

Code: Select all

float:left;

to

Code: Select all

float:right;

for the right module, now both modules are exact the I want it, thanx Konrad.