Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Problemas al maquetar con capas (http://www.forosdelweb.com/f53/problemas-maquetar-con-capas-393102/)

Sladino 12/05/2006 08:06
Problemas al maquetar con capas
 
Hola buenas!! Quisiera maquetar una página con capas y css de la forma que indico en este enlace personales .ya.com/cima/plantilla.JPG pero no soy capaz ya que se montan o se ponen en donde le da la gana. Sobre todo me da problema con las 3 capas de abajo. Si hace falta pongo el codigo que tengo puesto pero preferiria uno nuevo que funcione correctamente.

Saludos.

Sladino 12/05/2006 13:53
Pongo el codigo

Código:
#contenido{
        float: right;
        width: 520px;
        margin-left: 8px;
        padding: 20px 0px 10px 0px;
        text-align: justify;
        }

#bienvenida{
        font: 8pt Verdana, Geneva;
        color: #666666;
        padding-right: 8px;
        width: 350px;
        float: left;
        }

#fotode{
        width: 142px;
        float: right;
        }

#fotoiz{
        width: 181px;
        float: left;
        }

#citacen{
        width: 311px;
        float: right;
        }

#citaiz{
        width: 185px;
        float: left;
        }

#fotocen{
        width: 130px
        }

#citade{
        width: 185px
        float: right;
        }
Código HTML:
<div id="contenido">

                                <div id="bienvenida">

                                        [Bienvenida]

                                </div>                               

                                <div id="fotode">

                                        [Foto derecha]

                                </div>

                                <div id="fotoiz">

                                        [Foto izquierda]

                                </div>

                                <div id="citacen">

                                        [Cita centro]

                                </div>

                                <div id="citaiz">

                                        [Cita izquierda]

                                </div>

                                <div id="fotocen">

                                        [Foto centro]

                                </div>

                                <div id="citade">

                                        [Cita derecha]

                                </div>
                       
                        </div>
Y la distribución que le quiero dar es algo asi:

Bienvenida -- fotode
fotoiz -- citacen
citaiz -- fotocen -- citade

A ver si asi me podeis ayudar
Saludos


La zona horaria es GMT -6. Ahora son las 06:23.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.