Salve
Sto cercando di scrivere un template ma non riesco trovare una soluzione ad un problema (forse banale...
).
La parte centrale (centro) del template è formata da una riga per il percorso (breadcumb), dal menu e dal blocco contenuti.
Queste tre parti sono contenute all'interno di un "blocco" chiamato "centro".
La parte d'interesse dell'index.php è la seguente:
<div id="centro">
<div id="percorso">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<div id="menu">
<jdoc:include type="modules" name="right" style="" />
</div>
<div id="contenuti">
<jdoc:include type="component" />
</div>
</div>
Vorrei che il "centro" regolasse la sua lunghezza in funzione della lunghezza dei menù e dei contenuti in maniera tale da poter ripetere un'immagine di sfondo sull'asse y per tutta la lunghezza.
Il codice css è il seguente:
#centro {
background-image:url(../images/line.jpg);
background-repeat:repeat-y;
background-position:center;
margin:0 auto;
width:1000px;
height:1000px;
}
#percorso {
color: #333;
width: 700px;
float: left;
padding: 4px;
border: 1px solid #892105;
height: 35px;
margin: 0 0 0 7px;
}
#menu {
color: #333;
width: 255px;
float: right;
padding: 4px;
border: 1px solid #892105;
height: 400px;
margin: 0 7px 0 0;
}
#menu ul{
list-style-type: none;
}
#contenuti {
color: #333;
width: 700px;
float: left;
padding: 4px;
border: 1px solid #892105;
margin: 0 0 0 7px;
}
#contenuti ul{
list-style-type: none;
}
Se non specifico un'altezza per il "centro" questo non compare.
