Muchas gracias, me acabo de dar cuenta hace 5 minutos y no me has dado tiempo a mandar un mail para decir que ha sido un fallo que me ha pasado por tonto, por copiar y pegar de otros proyectos y no fijarme en el codigo !!!
Muchas gracias -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Ra�l Mart�n Enviado el: viernes, 15 de abril de 2005 23:14 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ya no se que m�s probar DIV que no encuadra bien Hola Samuel, No se si el marcado es el mas correcto, pero ese es otro debate. Lo que no te funciona: Los float siempre se deben (hay casos)romper con un clear, y ese clear ha de estar en el mismo bloque en el que se encuentran los elementos flotados. En tu caso, debes subir ese br, con el que rompes el float, 3 divs. Ver�s que la cosas cambia, pero no mucho, por que tienes 3 height en las capas directorioIzquierda, directorioDerecha y directorioCentro que hacen que estas no bajen hasta donde deben sino que cumplan este height. Eliminalos. Esto aparece as� en la especificaci�n, no es un fallo de firefox sino de ie. Un saludo y espero haber sido de ayuda :D SA> Perdonar mi desconocimiento, pero en el siguiente c�digo, quiero que la SA> zona amarilla se extienda hasta el final para que recuadre todos los SA> contenidos. (Firefox) SA> He probado a poner overflow:auto a DIV#cuerpo DIV.contenido, a SA> DIV#contenido y a DIV#content, pero no lo consigo. SA> Que estoy haciendo mal ??? SA> Pd: Los colores lo he puesto para no tener que enviar las imgs de fondo SA> CODIGO SA> =========== SA> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" SA> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> SA> <html xmlns="http://www.w3.org/1999/xhtml";> SA> <head> SA> <style> SA> .hilite { SA> color: #fff; SA> background-color: #f93; SA> } SA> BODY SA> { SA> background-color:#fafafa ; SA> padding: 15px; SA> margin: 0px; SA> text-align: center; SA> color:#666; SA> font: 11px/19px tahoma; SA> } SA> A, A:link, A:visited, A:active SA> { SA> color: #6984A0; SA> } SA> A:hover SA> { SA> color: #55606B; SA> } SA> DIV.both, BR.both SA> { SA> height: 0px; SA> clear: both; SA> font-size: 0px; SA> line-height: 0px; SA> font-family: arial; SA> } SA> FORM SA> { SA> padding: 0px; SA> margin: 0px; SA> } SA> DIV#cabecera SA> { SA> background-color:#00FFFF; SA> width: 760px; SA> height:84px; SA> margin-left: auto; SA> margin-right: auto; SA> padding-top:5px; /*0 IE*/ SA> text-align: left; SA> } SA> DIV#cabecera DIV#logo SA> { SA> margin-left: 10px; SA> margin-top:0px; /* 5 ie*/ SA> width:200px SA> } SA> DIV#cabecera DIV#logo A, DIV#cabecera DIV#logo A:link, SA> DIV#cabecera DIV#logo A:active, DIV#cabecera DIV#logo A:visited SA> { SA> display: block; SA> width: 254px; SA> height: 61px; SA> } SA> DIV#cabecera DIV#slogan SA> { SA> float: right; SA> font: bold 12px/17px arial; SA> color: #000066; SA> text-align: right; SA> margin-right: 5px; SA> margin-top: 5px; SA> } SA> DIV#menusup SA> { SA> float: right; SA> font: bold 10px arial; SA> height:22px; SA> color: #00002D; SA> text-align: right; SA> margin-right: 15px; SA> margin-top: 30px; SA> padding:0px 3px 0px 3px; SA> text-transform:uppercase; SA> } SA> DIV#menusup .item ,DIV#menusup .item a, DIV#menusup .item SA> a:link,DIV#menusup .item a:active,DIV#menusup .item a:visited{ SA> text-decoration:none; SA> color: #000066; SA> height:22px; SA> padding: 4px 1px 4px 1px; SA> font: bold 10px arial; SA> } SA> DIV#menusup .item a:hover{ SA> color: #000066; SA> height:22px; SA> text-decoration: none; SA> padding: 4px 1px 4px 1px; SA> } SA> DIV#autores SA> { SA> background-color:#993366; SA> margin-left: auto; SA> margin-right: auto; SA> width: 760px; SA> margin-bottom: 15px; SA> } SA> DIV#autores DIV#contenido {padding: 20px; SA> background-color:#993366; } SA> DIV#aleatorio P A,DIV#presentacion P A, DIV#col3presentacion P A SA> { color: #666; } SA> DIV#aleatorio P A:hover,DIV#presentacion P A:hover, SA> DIV#col3presentacion P A:hover { color: #999; } SA> DIV#aleatorio H6, DIV#col3presentacion H6 SA> { SA> margin:0px 0px 0px 32px; SA> font: bold 11px tahoma; SA> color: #6984A0; SA> } SA> DIV#presentacion H6{ SA> margin:0px 0px 0px 0px; SA> font: bold 11px tahoma; SA> color: #6984A0; SA> } SA> DIV#aleatorio H6 A, DIV#presentacion H6 A, DIV#col3presentacion SA> H6 A SA> { SA> color: #6984A0; SA> text-decoration: none; SA> } SA> DIV#aleatorio H6 A:hover, DIV#presentacion H6 A:hover, SA> DIV#col3presentacion H6 A:hover SA> { SA> color: #6984A0; SA> text-decoration: none; SA> } SA> DIV#aleatorio SA> { SA> font: 10px/15px arial; SA> color: #666; SA> width: 190px; SA> height: 103px; SA> text-align: left; SA> padding-left: 50px; SA> float: left; SA> } SA> DIV#aleatorio P { margin-left:32px;height: 20px; } SA> DIV#presentacion SA> { SA> font: 11px/15px arial; SA> color: #666; SA> width: 437px; SA> height: 103px; SA> text-align: left; SA> padding-left: 10px; SA> float: left; SA> border-left:1px dashed #CCCCCC; SA> margin-left:10px; SA> } SA> DIV#col3presentacion SA> { SA> background: url(foto_c.jpg) no-repeat; SA> font: 10px/15px arial; SA> color: #666; SA> width: 190px; SA> height: 103px; SA> text-align: left; SA> padding-left: 50px; SA> float: left; SA> } SA> DIV#buscador SA> { SA> background: url(fondo_busqueda.jpg) no-repeat 15px 0px; SA> width: 760px; SA> margin-left: auto; SA> margin-right: auto; SA> margin-bottom: 0px; SA> text-align: left; SA> } SA> DIV#buscador INPUT SA> { SA> width: 130px; SA> background: #FFF; SA> padding: 1px; SA> font: 9px/9px tahoma; SA> color: #666; SA> border: 1px solid #993300; SA> margin-left: 80px; SA> margin-top: 3px; SA> } SA> DIV#buscador INPUT.buscar SA> { SA> width: 50px; SA> padding: 0px; SA> background: transparent url(boton_enviar.jpg) no-repeat SA> 3px 1px; SA> border: 0px; SA> margin-left: 0px; SA> margin-bottom: 1px; SA> } SA> DIV#content SA> { SA> margin-left: auto; SA> margin-right: auto; SA> width: 760px; SA> } SA> DIV#cuerpo SA> { SA> background-color:#FFFF00; SA> margin-right: 13px; SA> width: 760px; SA> margin-bottom: 20px; SA> float: left; SA> text-align: left; SA> } SA> DIV#cuerpo DIV.contenido {padding: 20px; SA> background-color:#CCCCCC;} SA> DIV.post { margin-bottom: 30px; padding-bottom: SA> 30px; border-bottom: 1px solid #E5E5E5; } SA> DIV.contenido H4 SA> { SA> color: #979588; SA> font: bold 11px tahoma; SA> } SA> DIV.contenido H3 SA> { SA> margin-top: 5px; SA> margin-bottom: 5px; SA> } SA> DIV.contenido H3 SA> { SA> background: url(icono_titular.gif) SA> no-repeat center left; SA> padding-bottom: 3px; SA> padding-top: 3px; SA> padding-left: 20px; SA> } SA> DIV.contenido H3 A, DIV.contenido H3 A:active, SA> DIV.contenido H3 A:visited, DIV.contenido H3 A:active SA> { SA> text-decoration: none; SA> font: bold 14px arial; SA> text-transform: uppercase; SA> color: #6984A0; SA> } SA> DIV.contenido H3 A:hover {color: #55606B;} SA> DIV#cuerpo BLOCKQUOTE SA> { SA> font: italic 11px/18px tahoma; SA> color: #838383; SA> margin: 0px; SA> margin-top: 15px; SA> margin-bottom: 15px; SA> padding: 10px 25px 10px 25px; SA> } SA> DIV#bottom SA> { SA> font: 10px/15px "Trebuchet MS"; SA> width: 500px; SA> margin-bottom: 10px; SA> } SA> DIV#bottom A SA> { SA> color: #55606B; SA> font-style: italic; SA> } SA> DIV.directorioIzquierda SA> { SA> font: 11px/15px arial; SA> color: #666; SA> width: 25%; SA> height: 103px; SA> text-align: left; SA> padding-left: 50px; SA> float: left; SA> } SA> DIV.directorioCentro SA> { SA> font: 11px/15px arial; SA> color: #666; SA> width: 25%; SA> height: 103px; SA> text-align: left; SA> padding-left: 50px; SA> float: left; SA> } SA> DIV.directorioDerecha SA> { SA> font: 11px/15px arial; SA> color: #666; SA> width: 25%; SA> height: 103px; SA> text-align: left; SA> padding-left: 50px; SA> float: left; SA> } SA> DIV.directorioDerecha h1, DIV.directorioCentro h1, SA> DIV.directorioIzquierda h1{ SA> color: #6984A0; SA> font: bold 12px tahoma; SA> margin-top: 0px; SA> margin-bottom: 5px; SA> text-transform: uppercase; SA> } SA> DIV.directorioIzquierda A, DIV.directorioIzquierda SA> A:link,DIV.directorioIzquierda A:active, DIV.directorioIzquierda SA> A:visited,DIV.directorioCentro A, DIV.directorioCentro SA> A:link,DIV.directorioCentro A:active, DIV.directorioCentro SA> A:visited,DIV.directorioDerecha A, DIV.directorioDerecha SA> A:link,DIV.directorioDerecha A:active, DIV.directorioDerecha A:visited{ SA> text-decoration:none; SA> } SA> DIV.directorioIzquierda A:hover, DIV.directorioCentro A:hover, SA> DIV.directorioDerecha A:hover{ SA> color: #6984A0; SA> } SA> </style></head> SA> <body> SA> <div id="cabecera"> SA> <div id="slogan"> SA> dfghdfghdfghdfghdf ghdfg SA> <div id="menusup"><span class="item"><a href="#">>Ddfghio</a></span><span class="item"><a href="#">>mdfgh�n</a></span><span class="item"><a href="#" class="item">>D3456o</a></span><span class="item"><a href="#" class="item">>Co5678a</a></span><span class="item"><a href="#">>Hgm</a></span><span class="item"><a href="#">>Mjjhp</a></span><span class="item"><a href="#">>M5676il</a></span> </div> SA> </div> SA> <div id="logo"><a href="http://www.enfokes.com"; title="Enfokes, SA> soluciones digitales"></a> SA> </div> SA> </div> SA> <div id="autores"> SA> <div id="contenido"> SA> <div id="aleatorio"> SA> <h6><a href="#">Jgggost Vfghjfan SA> fghjren</a></h6> SA> <p>Peque�a descripci�n o introducci�n al autor. SA> Continuar�a en el <a href="#">quienes somos</a>…</p> SA> </div> SA> <div id="presentacion"> SA> <h6>fghjfghjfghjalhhh</h6> SA> <p>asdf asdf asdf asdf asdf asdf asdf asdfa sdf SA> asdfa sdf fghjw asdf asdfa sdf asdfa sdf fghjw asdf asdfa sdf asdfa sdf SA> fghjw asdf asdfa sdf asdfa sdf fghjw asdf asdfa sdf asdfa sdf fghjw asdf SA> asdfa sdf asdfa sdf fghjw asdf asdfa sdf asdfa sdf fghjwlkejr asdlkfj SA> poqiwefp asdlfj as�ldfj poiwef asldkfj SA> �aslkdfjpoqiwejfalskdfj asdf asd SA> fasdf asdf asdf asdf asdf </p> SA> <!-- <div id="directorioIzquierda"> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> </div> SA> <div id="directorioCentro"> SA> categoria 7 SA> categoria 8 SA> <a href="#">categoria 9 </a>categoria 10 SA> categoria 11 SA> categoria 12 SA> </div> SA> <div id="directorioDerecha"> SA> categoria 12 SA> categoria 13 SA> <a href="#">categoria 14 </a>categoria 15 SA> categoria 16 SA> categoria 17 SA> </div> --> SA> </div> SA> <br class="both"> SA> </div> SA> </div> SA> <div id="content"> SA> <br class="both"> SA> <div id="bottom"> SA> </div> SA> </div> SA> <div id="content"> SA> <div id="cuerpo"> SA> <div class="contenido"> SA> <h3><a SA> href="http://www.accesibilidad.info/2005/04/09/nikochan/"; rel="bookmark">>f6878ct99or9io fgas </a></h3> SA> <div SA> class="directorioIzquierda"> SA> <h1>asdfasdfasdfaf</h1> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> <h1>asdfasdfasdfaf</h1> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> <h1>asdfasdfasdfaf</h1> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> </div> SA> <div class="directorioCentro"> SA> <h1>asdfasdfasdfaf</h1> SA> categoria 7 SA> categoria 8 SA> <a href="#">categoria 9 SA> </a>categoria 10 SA> categoria 11 SA> categoria 12 SA> <h1>asdfasdfasdfaf</h1> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> </div> SA> <div class="directorioDerecha"> SA> <h1>asdfasdfasdfaf</h1> SA> categoria 12 SA> categoria 13 SA> <a href="#">categoria 14 SA> </a>categoria 15 SA> categoria 16 SA> categoria 17 SA> <h1>asdfasdfasdfaf</h1> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> <h1>asdfasdfasdfaf</h1> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> <h1>asdfasdfasdfaf</h1> SA> <a href="#">categoria 1 </a> SA> categoria 2 SA> categoria 3 SA> categoria 4 SA> categoria 5 SA> categoria 6 SA> </div> SA> </div></div></div> SA> <br class="both"> SA> <div id="bottom"> SA> Pie de p�gina</div> SA> </div> SA> </body></html> Saludos. _________________________________ Todo lo que no aprend�, no se me ha olvidado. _________________________________ _______________________________________________ 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://ovillo.org/mailman/listinfo/ovillo -- No virus found in this incoming message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.9.11 - Release Date: 14/04/2005 -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.9.11 - Release Date: 14/04/2005 _______________________________________________ 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://ovillo.org/mailman/listinfo/ovillo
