Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : parp15 26 Jan 2011, 12:33:10
-
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 (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 (http://www.studiomontanari.org/joomla/templates/sample_templates/css/template.css)