salve a tutti, ho realizzato un template, vi riassumo parte del codice che è la fonte del mio problema:
<div id="box-content">
<div id="content">
<div id="component">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
<?php if ($this->countModules('right')): ?>
<div id="right"><jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php endif; ?>
</div>
<div class="clr"></div>
e css:
#box-content {
width:980px;
margin:0 auto;
}
#content {
float:left;
width:auto;
display:inline;
}
#right{
float:left;
width:auto;
height:auto;
border:1px solid #ccc;
display:inline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
come potete vedere il <div id="right"> costituisce una posizione modulo all'interno della quale inserirò un menu di navigazione.
Problema:
se inserisco le proprietà width al div che contiene la posizione "component" e al <div id="right"> (che costituirà il menu laterale), allora verranno visualizzati correttamente uno accanto all'altro, ma in questo modo la posizione "component" rimane, ovviamente, delle stesse dimensioni anche quando la posizione modulo del menu è disabilitata. Vorrei invece che "component" avesse un width del 100% quando il menu contenuto in <div id="right"> è disabilitato.
potreste darmi una mano perfavore? ringrazio già anticipatamente le persone che si dedicheranno anche solo alla lettura del mio problema per provare ad aiutarmi.
