Ciao a tutti,
premetto che è la prima volta che mi cimento nella realizzazione di un template a partire dal nulla.
Ho creato un template con una struttura molto semplice (almeno sulla carta) che riporto:
<body>
<div id="container">
<div id="header">
<div id="header-top">
<div id="logo">
</div>
<div id='top'>
</div>
</div>
<div id="header-middle">
<div id='headerleft'>
</div>
<div id='headerright-bg'>
</div>
<div id='headerright'>
</div>
</div>
<div id="header-bottom">
</div>
</div>
<div id='corpo'>
<div id='column-left'>
</div>
<div id='column-center'>
</div>
</div>
</div>
</body>
A questo punto si può capire come il div container venga diviso orizzontalmente in 2 parti header e corpo.
Il mio problema sta proprio nel corpo dove ho due div usati come colonna per il menu (left) e come colonna per mostrare gli articoli.
A questo punto però sono riuscito ad impostare le larghezze delle colonne con i relativi sfondi ma non riesco a fare in modo che abbiano la stessa altezza. Quando ho un menu + lungo dell'articolo, sotto l'articolo rimane dello spazio bianco e viceversa.
Sapete aiutarmi?
Ho provato anche impostando l'altezza height:100% del div container sperando poi di poter applicare uno sfondo che mi prendesse fino in fondo alla pagina ma nn funziona. Il div quando lo vado a selezionare con firebug mi fa vedere che arriva fino all'altezza del div corpo. Ingloba tutto l'header e nn il corpo.
Lo stesso vale anche per il body.
Qualche consiglio?
Il sito è in fase di aggiornamento all'indirizzo:
http://www.studiomontanari.org/joomla poi probabilmente verrà spostato.
Il file css lo trovate a questo indirizzo:
http://www.studiomontanari.org/joomla/templates/sample_templates/css/template.css
