Joomla Templates Club 406,261 posts

[elanabv Friend elanabvJoin date: January 2009Posts: 2Downloads:0Uploads:0]

#138959

Hello!

Before i explain my problem
*Edit: http://img5.imageshack.us/my.php?image=websiteelana.jpg

As u can see i made 3 new modules inside the mainbody.

The idea was the create 3 module positions horizontal under the content page.
and they had to auto adjust their position when the content page would be large or smaller.

atm the page works in IE 6 and IE 7. The positions auto adjust when i add or remove artikels.
But when i marked the container with a border i saw the table was stretched out from the top and the positions are top side in Firefix and Safari.

Ive tried a few things and encountered some problems, but with this code it works in IE6 and IE7.
But i know with IE u can be quick and dirty so my question is now.
What code has to be added to make it work in the other explorers aswel.

Thanks in advance
The code: I have joomla 1.5.9

Index.php

<!-- END: LEFT COLUMN -->
<?php } ?>

<div id="ja-blok">

<table>
<td>
<div class="ja-blokI">
<jdoc:include type="modules" name="blok1" style="rounded" />
</div>
</td>
<td>
<div class="ja-blokII">
<jdoc:include type="modules" name="blok2" style="rounded" />
</div>
</td>
<td>
<div class="ja-blokIII">
<jdoc:include type="modules" name="blok3" style="rounded" />
</div>
</td>
</table>
</div>

</div>
</div>
<!-- END: CONTENT -->

Template

#ja-blok {

margin-left: 200px;
/*position:relative;*/
border: 1px solid green;
z-index: 10;
}

.ja-blokI {

width: 175px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
color: #000000;

}

.ja-blokII {

width: 175px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
color: #000000;

}

.ja-blokIII {

width: 175px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
color: #000000;

}

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#295222

Hello,

this is just from the top of my head, did u try adding float:left ; to the codes.

Also some suggestions, since all of the have same widths just put the code together and separate the with commas.

Regards,
Mihir Chhatre.

[elanabv Friend elanabvJoin date: January 2009Posts: 2Downloads:0Uploads:0]

#295231

Thank you for the suggestion,

I’ve tried the Float before, but didnt try it with a border. I noticed It solved the streching part of the “blok” container. Thank you.
But if u look at http://test.elana.com now , u can see that the container takes the range from the left postion which pushes my “blok” container down.

Theoretical i could just put the blok container under the content and on the right side from the “left position” but repositioning the code in de index.php didnt help so far.

Gr,
Rudi

[Author]

Posts