Hola tengo un problema con mi pagina web. Veréis en firefox se ve bien pero
en IE8 no.
Lo que quiero es como hacer tres columnas, la de la izda es para menús, le
central para contenidos y la derecha para otras cosas varias por lo que
puede o no estar.
Lo que quiero saber es como se puede hacer para que la columna central ocupe
todo el espacio disponible, es decir si aparece la columna derecha que se
quede entre las dos y si no esta la columna derecha que ocupe todo el
espacio.
Os muestro el trozo de código php:
<div id="second-wrapper">
<?php if ($this->countModules('left')): ?>
<div id="left-col">
<jdoc:include type="modules" name="left"
style="xhtml" />
<!-- left-col --></div>
<?php endif; ?>
<?php if ($this->countModules('right')): ?>
<div id="right-col">
<jdoc:include type="modules" name="right"
style="xhtml" />
<!-- right-col --></div>
<?php endif; ?>
<div id="contenido">
<jdoc:include type="component" />
<!-- contenido --></div>
<div class="clearfix"></div>
<!-- second-wrapper --></div>
Lo solucione usando estas reglas css:
div#left-col, div#right-col
{
width: 20%;
}
div#left-col
{
float: left;
}
div#right-col
{
float: right;
}
div#contenido
{
border: solid black 1px;
display: table;
margin: 2px auto;
padding: 20px;
}
Con esto consigo que la columna del centro se amolde automáticamente al
espacio disponible y se centre pero en ie8 no sale igual que en firefox.
No obstante aquí tenéis la dirección web por si queréis observar las
diferencias:
http://www.curriculo.webhispana.net/index.php?option=com_content
<http://www.curriculo.webhispana.net/index.php?option=com_content&view=artic
le&id=11&Itemid=7> &view=article&id=11&Itemid=7
Un detalle que quías os sirva: la aplicación que uso es joomla.
Gracias.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
