Positioning of content and right modules ? - Joomla! Forum - community, help and support


hi all

i know have been brought in forum before.

but cant figure out (looked @ several explainings)  ???

it's classic problem, how stop right modules in going under content module when stretching window (ie).

i want right module positioned staticly in right side. , when right module not active want content module fill gap 100%

i've tried tables etc. nothing works  :(

does of guys out there have time tell me codes needed ?

my template based on rhuk_solarflare_ii theme.

this index.php:

code: select all

<!-- row 5 --><tr>
                  <td>
                    <table class="contentrow" width="100%" border="1" cellspacing="1" cellpadding="0">
                      <tr>

                        <td valign="top" width="165">
                          <div id="left_inner">
<!-- left (left modules) --><?php mosloadmodules ( 'left' ); ?>
                          </div>
                        </td>

                        <td valign="top" width="100%">
                          <div id="content_outer">
<!-- content (mainbody) --> <?php mosmainbody(); ?>
                          </div>
                          <div id="right_outer">
<!-- right (right modules) --> <?php mosloadmodules ( 'right', 0 ); ?>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>



and css:

code: select all

#left_outer {
float : left;
margin-top : 2px;
width : 165px;
}
#left_inner {
background-color: #e5e5e5;
border : 1px solid #cccccc;
padding : 2px;
float : none !important;
float : left;
width : 165px;
}
#content_outer {
padding : 0;
margin-top : 0;
margin-left : 2px;
float : left;
width : 100%;
}
#content_inner {
float : none !important;
float : left;
padding : 0;
padding-top : 2px;
margin : 0;
width: 100%;
}
#right_outer {
position: absolute;
float: right;
margin-left : 2px;
width : 165px;
}
#right_inner {
float : none !important;
float : left;
border : 1px solid #cccccc;
padding : 2px;
}


thanks in advance  :'(

fraid i'm of begginner totally code below should hide right modules , expand content in place

code: select all

   
      <?php if (moscountmodules( "right" )) { ?>
      <div id="right_outer">
      <?php mosloadmodules ( "right" ); ?>
      </div>
      <?php } ?>





Comments

Popular posts from this blog

Thread: PKI Client 5.00 install (for eToken Pro)

ATmega2560-Arduino Pin Mapping

Crossfader Arduino Tutorial