Forumlar / Cotonti / Skins / Expandable height

duck101
#15514 2009-08-05 02:31

Members

It sounds like it should work. but it doesn't want to work for me mabey I just put it in the wrong spot but here's my index.tpl (btw. I took out the code you gave me after it didn't work) yeah I now all of my codes are really messy :)
<!-- BEGIN: MAIN -->
	<div class="pspbackround">
<div id="rSide">

	<div class="rboxHD">{PHP.skinlang.index.Polls}</div>
	<div class="rboxBody">{PLUGIN_INDEXPOLLS}</div>
	
	<div class="rboxHD">{PHP.skinlang.index.Recentadditions}</div>
	<div class="rboxBody">{PLUGIN_LATESTPAGES}</div>

        <div class="rboxHD">PSP Extreme On The Web</div>
        <div class="rboxBody">{PHP.cfg.freetext2}</div>	
</div>
<div id="lSide">

        <div class="lboxHD">Welcome</div>
        <div class="lboxBody">
         {PHP.cfg.freetext1}
        </div>

	{INDEX_NEWS}
</div>
</div>
<!-- END: MAIN -->

and my css (well part of it anyways)

#content { background:#303030 none; padding:0 10px; margin:0; width:460px; }
#content #lSide { float:left; width:318px; }
#content #lSide .lboxHD { color:#AAA; background: url(img/SED-Dark_lBoxHD.gif) no-repeat; width:323px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #lSide .lboxBody { width:313px; background:#222 url(img/SED-Dark_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #rSide { float:right; width:110px; }
#content #rSide .rboxHD { color:#AAA; background: url(img/SED-Dark_rBoxHD.gif) no-repeat; width:100px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #rSide .rboxBody { width:98px; background:#222 url(img/SED-Dark_rBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #lfSide { float:left; width:120px; }
#content #lfSide .lfboxHD { color:#AAA; background: url(img/SED-Dark_rBoxHD.gif) no-repeat; width:115px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #lfSide .lfboxBody { width:108px; background:#222 url(img/SED-Dark_rBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #rfSide { float:right; width:324px; }
#content #rfSide .rfboxHD { color:#AAA; background: url(img/SED-Dark_lBoxHD.gif) no-repeat; width:318px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #rfSide .rfboxBody { width:312px; background:#222 url(img/SED-Dark_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #leftSide { float:right; width:324px; }
#content #leftSide .lboxHD { color:#AAA; background: url(img/SED-Dark_lBoxHD.gif) no-repeat; width:318px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #leftSide .lboxBody { width:312px; background:#222 url(img/SED-Dark_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

#content #rightSide { float:left; width:120px; }
#content #rightSide .rboxHD { color:#AAA; background: url(img/SED-Dark_rBoxHD.gif) no-repeat; width:115px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #rightSide .rboxBody { width:108px; background:#222 url(img/SED-Dark_rBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; } 

.pspbackround { background:#303030 none; padding:0 0px; margin:0; width:460px; height:700px; }

.mboxHD { color:#AAA; background: url(img/SED-Dark_cBoxHD.gif) no-repeat; width:450px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
.mboxBody { width:440px; background:#222 url(img/SED-Dark_cBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; } 
.nboxHD { color:#AAA; background: url(img/SED-Dark_cBoxHD.gif) no-repeat; width:300px; height:25px; line-height:25px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
.nboxBody { width:294px; background:#222 url(img/SED-Dark_cBoxFT.gif) no-repeat bottom; min-height:150px; padding:10px; } 
.fboxHD { color:#AAA; background: url(img/SED-Dark_cBoxHD.gif) no-repeat; width:318px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
.fboxBody { width:312px; background:#222 url(img/SED-Dark_cBoxFT.gif) no-repeat bottom; min-height:150px; padding:10px; } 
.fmboxBody { width:462px; background:#222 url(img/SED-Dark_cBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; } 
.fgboxHD { color:#AAA; background: url(img/SED-Dark_cBoxHD.gif) no-repeat; width:318px; height:30px; line-height:30px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
.fgboxBody { width:312px; background:#222 url(img/SED-Dark_cBoxFT.gif) no-repeat bottom; min-height:150px; padding:10px; }
.fgmboxHD { color:#AAA; background: url(img/SED-Dark_cBoxHD.gif) no-repeat; width:306px; height:25px; line-height:25px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
.fgmboxBody { width:300px; background:#222 url(img/SED-Dark_cBoxFT.gif) no-repeat bottom; min-height:150px; padding:10px; }
.mboxBody img { vertical-align:middle; }

btw thanks for all of the help you have been to me.