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
