Hola Rosa:
Estuve probando y no te aparece porque no está escrito correctamente.
Fijate, el codigo es así:
#datos02 {
height:502px;
width:668 px;
background-color:red;
}
#datos02 .col1 {
background-color: #fff;
float:left;
width:340px;
height:191px;
}
Al height de #datos02 le faltaba la medida px (que tiene que ir pegado al
número ya que sino no funciona). Además le agregué un color de fondo
diferente a los 2 div. Fijate que ahora si se vé porque ya lo probé.
El 3 de marzo de 2011 23:20, Rosa González <[email protected]>escribió:
> Jorge:
> Lo cambié...el código html...eso me ordenó algo...pero la caja del
> segundo div=datos02;
> me sigue sin aparecer....
> Me queda borrar todo el código CSS y hacerlo de nuevo...
> No ha funkado...pero probando otra vez...aviso...
> Gracias...
> Rosa
>
>
> El 03/03/11, jorge adrian gonzalez <[email protected]> escribió:
> > Rosa me imagino que te referías a que el menú de navegación te aparece en
> el
> > centro de la página y no arriba.
> >
> > Fijate que si ves el código te falte cerrar el div cabecera (fijate que
> te
> > lo puse en rojo en el código); en tu codigo fijate que vos la abrís y
> cerras
> > al lado y la lista ul queda furera del contenedor cabecera.
> >
> > Avisame si era ese el problema. Yo lo probé ya y con ese cambio el menú
> se
> > ve arriba.
> >
> > También borre en la etiqueta #datos01 .col1 pusiste la palabra "ma"
> abajo;
> > eso lo borré también.
> >
> > Fijate que en tu código también te puse en rojo para que lo veas.
> Avisame
> > si te funkó.
> >
> > Saludos.
> >
> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
> > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > <html xmlns="http://www.w3.org/1999/xhtml"; lang="es" xml:lang="es">
> >
> > <head>
> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
> />
> >
> > <style type="text/css">
> > html, body{height:100%}
> >
> > #contenedor{
> > background-color:#DDD;
> > width:960px;
> > margin:0 auto;
> > height:auto !important;
> > height:100%;
> > min-height:100%;}
> >
> > #cabezal{
> > margin:left;
> > height:360px;
> > background-image:
> > url(interfaz/fondoCabezal.jpg)
> > }
> > #menu ul{
> > height:40px;
> > border: 1px solid red;/*lo puse para ver si está correcta la propiedad
> > y el html*/
> > }
> > #menu{height:40px;
> > background-color:#CCC;}
> > #menu li {
> > float:left;
> > width:119px;
> > list-style-type:none;
> > height:40px;}
> > #datos01{
> > height:502px;
> > background-color:#CCC;}
> > #datos01 .col1{
> > float:left;
> > width:253px;
> > height:480px;
> > }
> > #datos02{ height:502;
> > width:668 px;
> > background-color:#3C0;}
> >
> > #daots02 .col1{float:left;
> > width:340px;
> > height:191px;
> > }
> >
> > #pie{
> > height:35px;
> > background-color:#CCC;
> > margin-top:-35px;
> > width:960px;
> > margin:0 auto;
> > }
> > .restaurador{
> > clear:both;
> > height:0;
> > }
> > #restaurador_final{clear:both;
> > height:50px;
> > }
> >
> > </style>
> > </head>
> >
> > <body>
> > <div id="contenedor">
> > <div id="cabezal">
> > <ul id="menu"> <li> <a href="index.html"></a>Empresa
> </li>
> > <li></a>Productos </li>
> > <li>Servicios</a></li>
> > </ul>
> >
> > /*fin div cabecera*/
> > </div>
> >
> > <div id="datos01"> <div class="col1"> </div>
> > </div>
> >
> > <div id="datos02"> <div class="col1"> </div>
> > <div class="col2"></div>
> > <div class="col3"></div>
> >
> >
> >
> >
> >
> > </div>
> > <div class="restaurador"> </div>
> > <div id="restaurador final">
> > </div>
> >
> > <div id="pie">
> > </div>
> >
> > </body>
> > </html>
> >
> > El 3 de marzo de 2011 17:51, Rosa González <[email protected]
> >escribió:
> >
> >> No vi respuesta ...pero es porque subí un archivo adjunto y la lista no
> lo
> >> permite...
> >> Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al
> que
> >> no
> >> encuentro vuelta ...
> >> Gracias...
> >> Rosa
> >> <html>
> >> <body>
> >>
> >> <div id="contenedor">
> >> <div id="cabezal"></div>
> >> <ul id="menu"> <li> <a href="index.html"></a>Empresa </li>
> >> <li></a>Productos </li>
> >> <li>Servicios</a></li>
> >> </ul>
> >>
> >> <div id="datos01"> <div class="col1"> </div>
> >> </div>
> >>
> >> <div id="datos02"> <div class="col1"> </div>
> >> <div class="col2"></div>
> >> <div class="col3"></div>
> >>
> >>
> >>
> >>
> >>
> >> </div>
> >> <div class="restaurador"> </div>
> >> <div id="restaurador final">
> >> </div>
> >>
> >> <div id="pie">
> >> </div>
> >> </body>
> >> </html>
> >>
> >> -
> >> - CSS :
> >> - html, body{height:100%}
> >> -
> >> - #contenedor{
> >> - background-color:#DDD;
> >> - width:960px;
> >> - margin:0 auto;
> >> - height:auto !important;
> >> - height:100%;
> >> - min-height:100%;}
> >> -
> >> - #cabezal{
> >> - margin:left;
> >> - height:360px;
> >> - background-image:
> >> - url(interfaz/fondoCabezal.jpg)
> >> - }
> >> - #menu ul{
> >> - height:40px;
> >> - border: 1px solid red;/*lo puse para ver si está correcta la
> propiedad
> >> y el html*/
> >> - }
> >> - #menu{height:40px;
> >> - background-color:#CCC;}
> >> - #menu li {
> >> - float:left;
> >> - width:119px;
> >> - list-style-type:none;
> >> - height:40px;}
> >> - #datos01{
> >> - height:502px;
> >> - background-color:#CCC;}
> >> - #datos01 .col1{
> >> - float:left;
> >> - width:253px;
> >> - height:480px;
> >> - ma}
> >> - #datos02{ height:502;
> >> - width:668 px;
> >> - background-color:#3C0;}
> >> -
> >> - #daots02 .col1{float:left;
> >> - width:340px;
> >> - height:191px;
> >> - }
> >> -
> >> - #pie{
> >> - height:35px;
> >> - background-color:#CCC;
> >> - margin-top:-35px;
> >> - width:960px;
> >> - margin:0 auto;
> >> - }
> >> - .restaurador{
> >> - clear:both;
> >> - height:0;
> >> - }
> >> - #restaurador_final{clear:both;
> >> - height:50px;
> >> - }
> >> -
> >> -
> >> _______________________________________________
> >> Lista de distribución Ovillo
> >> Para escribir a la lista, envia un correo a [email protected]
> >> 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 [email protected]
> > 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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
