Sto imparando a fare template e me la sto cavando piuttosto bene, l'unico problema che sto riscontrando è che le colonne non si allungano al pari del mainbody ma rimangono limitate ai loro contenuti,così:
Al momento questo è l'index.php
<body>
<div id="pagina">
<div id="contenitore">
<div id="header">
<div id="top">
<?php if($this->countModules('top')) : ?>
<jdoc:include type="modules" name="top" style="" />
<?php endif; ?>
</div>
<div id="logo">
</div>
<div id="pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
</div>
<div id="middle">
<div id="left">
<jdoc:include type="modules" name="left" style="none" />
</div>
<div id="mainbody">
<jdoc:include type="component" />
</div>
</div>
</div>
</div>
</div>
</body>
Mentre questa è la parte del template.css relativa al layout del template:
#pagina{
margin: 0px;
width: 100%;
background: top url(../images/striscia.jpg) repeat-x;
text-align: center;
}
#contenitore{
width:1000px;
margin:0px auto;
}
#header{
height: 430px;
width: 1000px;
margin: 0px auto;
}
#top{
height:45px;
margin:0 auto;
width:100%;
background: #332F2A;
}
#logo{
height: 355px;
width: 1000px;
background: url(../images/logo.jpg) no-repeat;
}
#pathway{
height: 30px;
width:100%;
margin:0px auto;
background: #332F2A;
}
#middle{
width:1000px;
}
#mainbody{
float:left;
width: 800px;
background:inherit;
margin:0px;
}
#left{
float:left;
width: 200px;
margin: 0px;
background: red/*url(../images/spacer.gif) repeat-y right*/;
}
Su una guida di html.it suggerivano di fare una piccola immagine da mettere come sfondo alla colonna sinistra con "repeat-y" nei css, ma la cosa non mi risolve il problema, cioè l'immagine si ripete ma solo sino a dove finiscono i moduli, non
"stira" la colonna. Suggerimenti?
