Aquí se explica cómo montar tres columnas para que sea compatible con todos
los navegadores.
http://www.treeweb.es/plantilla-de-tres-columnas
Un saludo
El 10 de abril de 2010 14:05, Javier Herrán Sainz <
telecoms.systems.electron...@gmail.com> escribió:
> 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<http://www.curriculo.webhispana.net/index.php?option=com_content&view=artic%0Ale&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
>
_______________________________________________
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
