Está mal lo que intentas hacer, ya que la forma correcta debería de ser así:
Código CSS:
Ver original<style type="text/css">
#maincomp {
background: #FFF;
width: 100%; /* Cien por ciento */
}
.centrado {
position: relative;
padding: 20px;
overflow: hidden;
min-height: 400px;
}
</style>
Código PHP:
Ver original<div id="maincomp">
<div class="centrado clearfix">
<jdoc:include type="component" />
</div>
</div>
En el archivo
reset.css debes de crear las siguientes reglas o clases si es que no las tienes aún:
Código CSS:
Ver original* html .clearfix {
height: 1%; /* IE5-6 */
}
html[xmlns] .clearfix { /* O */
display: block;
}
.clearfix:after { /* FF, O, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {
clear: both;
}
Esas reglas te ayudarán a mejorar la maquetación
CSS.