Hola a toda la lista. Antes he mandado un mensaje en que solo aparec�a c�digo pero ninguna explicaci�n. Ruego por favor disculpeis esta torpeza. Os comento mi problema. El problema es que estoy empezando a maquetar con divs... (�se nota?). Todav�a soy novato en esto y reconozco que he heredado cosas mal hechas pero prometo mejorarlas. El tema es el siguiente. Tengo una especie de periodico digital, a tres columnas, que en la columna central tiene tiene una noticia destacada con un titular, un cuerpo y una imagen (El resto son solo titulares). El problema es que se produce un desbordamiento de la imagen dentro del recuadro si el texto que hay es corto o si solo existe titular. Hay alguna forma de arreglar esto? Porque me pasa con la imagen y no con el texto?. Gracias de antemano, y disculpas de nuevo.
P.D.: Adjunto codigo. <!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";> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Noticias</title> <style type="text/css"> <!-- body{ color: #000000; background: #FFFFFF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75%; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; padding:0px; } #encabezado{ background-color: #2997D6; float: left; width: 100%; padding-top: 0px; padding-bottom:5px; padding-left: 0px; padding-right: 0px; border-bottom: 1px solid white; margin: 0px 0px 0px 0px; vertical-align: bottom; } #encabezadoizq{ text-align: left; float:left; width: 20%; padding: 1px; } #encabezadocentro{ text-align: center; float:left; vertical-align: middle; padding-right: 5px; padding-bottom: 0px; width: 33%; } #encabezadodcha{ text-align: right; float:right; vertical-align: bottom; padding-right: 5px; padding-bottom: 1px; color:white; width: 44%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; } #encabezadodcha a{ text-align: right; vertical-align: bottom; color:white; } #encabezadodcha a:hover{ text-align: right; vertical-align: bottom; color:white; text-decoration: underline; } #bloqueizq { float:left; width:33%; border-right:1px solid #808080; margin-right:2px; padding-right:5px; padding-left:3px; } #bloquecabecera1{ width: 99%; border: solid 1px #D4D0C3; background-image: url(../images/dossier_dep.gif); height: 20px; font-size: 14px; color: Black; text-align: left; vertical-align: middle; margin-bottom: 5px; text-decoration:none; } #bloquecabecera1 a{ color: Black; text-align: left; vertical-align: middle; text-decoration:none; } #bloquecabecera1 a:hover{ color: Black; text-align: left; vertical-align: middle; text-decoration:underline; } #bloquecabecera1 img{ vertical-align: middle; text-align: right; padding-left: 20px; padding-right: 5px; text-decoration:none; } #bloquenoticiadia1{ background-color: #EEEEEE; border: 1px solid #CCCCCC; padding-left: 7px; padding-right:7px; margin-bottom: 5px; margin-left: 1px; margin-right: 1px; margin-top: 1px; text-decoration:none; } .bloquetitular1{ color: black; font-size:13px; font-weight: bold; text-decoration:none; text-decoration:none; } .bloquenormal1{ color: black; font-size:12px; text-decoration:none; } .bloquenormal1 a{ color: black; font-size:12px; text-decoration:none; } .bloquenormal1 a:hover{ color: black; font-size:12px; text-decoration:underline; } .fuente{ color: black; font-weight: bold; font-size:10px; text-align: right; text-decoration:none; } .flota { float:right; margin-right: 10px; margin-left: 10px; border: 1px solid #000000; text-align:center; background: transparent; } #bloquecentro { float:left; width:33%; border-right:1px solid #808080; margin-right:5px; padding-right:5px; padding-left:4px; } #bloquecabecera2{ width: 99%; border: solid 1px #41A2DA; background-image: url(../images/dossier_dep_azul.gif); height: 20px; font-size: 13px; text-align: left; vertical-align: middle; margin-bottom: 5px; color:white; font-weight: bolder; text-decoration: none; font-weight: bold; } #bloquecabecera2 a{ font-size: 13px; color:white; text-decoration: none; font-weight: bold; } #bloquecabecera2 a:hover{ font-size: 13px; vertical-align: middle; color:white; text-decoration: underline; font-weight: bold; } #bloquecabecera2 img{ vertical-align: middle; text-align: right; padding-left: 20px; padding-right: 5px; text-decoration:none; } #bloquecabecera2 img a{ vertical-align: middle; text-align: right; text-decoration:none; } #bloquecabecera2 img a:hover{ vertical-align: middle; text-align: right; text-decoration:underline; } #bloquenoticiadia2{ background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 2px; margin-bottom: 10px; margin-left: 1px; margin-right: 1px; margin-top: 1px; text-decoration:none; } .bloquetitular2{ color: black; font-size:12px; font-weight: bold; text-decoration:none; } a.bloquetitular2{ color: black; font-size:12px; font-weight: bold; text-decoration:none; } a.bloquetitular2:hover{ color: black; font-size:12px; font-weight: bold; text-decoration:underline; } #bloquetitulardestacado2{ background-color: #3FA2DA; text-align: left; vertical-align:top; margin-left: 5px; margin-right: 20px; color: White; font-size: 13px; font-weight: bolder; padding-left: 3px; padding-top: 1px; } #bloquederecha { float:right; width:30%; margin-right:2px; padding-right:2px; } #portadas{ text-align: center; vertical-align: top; padding: 5px; } .portadasi{ color: black; font-weight: bolder; font-size:10px; text-align: left; text-decoration:none; } a.portadasi:active{ color: black; font-weight: bolder; font-size:10px; text-align: left; text-decoration:none; } a.portadasi:link{ color: black; font-weight: bolder; font-size:10px; text-align: left; text-decoration:none; } a.portadasi:visited{ color: black; font-size:10px; font-weight: bolder; text-align:left; text-decoration:none; } a.portadasi:hover{ color: black; font-size:10px; font-weight: bolder; text-align:left; text-decoration: underline; } --> </style></head> <body> <!-- inicio encabezado --> <div id="encabezado"> <div id="encabezadoizq"></div> <div id="encabezadodcha">xxx | xx | xxx</div> <div id="busqueda">Aqui va la busqueda</div> </div> <!-- fin cabecera --> <div id="bloqueizq"> <div id="bloquecabecera1"><a href="#">Dossier </a><a href="#"><img src="images/ver_mas.gif" alt="Ir a Dossier Departamental" width="9" height="9" border="0" /></a> </div> <div id="bloquenoticiadia1"> <p class="bloquetitular1"> Los ocho islamistas detenidos querían atentar con un camión en el centro de Madrid. </p> <p class="bloquenormal1"> <div class="flota"><img src="images/careto.jpg" width="80" height="64" /></div> Los ocho presuntos activistas isl�micos detenidos en Almer�a, M�laga, Valencia y Madrid preparaban un atentado con un cami�n cargado con 500 kilos de explosivos en la zona donde se encuentran la Audiencia Nacional y el Tribunal Supremo en Madrid.</p> <p class="fuente">14:00 kkkkk </p> </div> <hr /> <p>Red.es se une al referente mundial en accesibilidad W3C</p> <p class="fuente">14:00 El Diario Montañés </p> <hr /> <p>Los trabajadores de Opel deciden que la huelga continúe</p> <p class="fuente">1kkkkkkk</p> <hr /> <p>Lycos Mail Gratuito supera a Hotmail</p> <p class="fuente">1llllllkkkkka</p> </div> <!-- fin bloque1 --> <!-- inicio bloque2 --> <div id="bloquecentro"> <div id="bloquecabecera2"><a href="#">kkkkkkkkkkkkkkkkkkkkk </a><a href="#"><img src="images/ver_mas_azul.gif" alt="Ir a Dossier Departamental" width="9" height="9" border="0" /></a> </div> <div id="bloquenoticiadia2"> <div id="bloquetitulardestacado2">NOTICIA DEL DÍA </div> <p class="bloquetitular2"> Los ocho islamistas detenidos querían atentar con un camión en el centro de Madrid. </p> <p class="bloquenormal2"><div class="flota"> <img src="images/vertical.jpg" width="52" height="80" /></div>Los ocho presuntos activistas isl�micos detenidos en Almer�a, M�laga, Valencia y Madrid preparaban un atentado con un cami�n cargado con 500 kilos de explosivos en la zona donde se encuentran la Audiencia Nacional y el Tribunal Supremo en Madrid.</p> <p class="fuente">14:00 kkkkk </p> <p class="bloquetitular2"> Los ocho islamistas detenidos querían atentar con un camión en el centro de Madrid. </p> <p class="bloquenormal2"><div class="flota"> <img src="images/vertical.jpg" width="52" height="80" /></div> Los ocho presuntos activistas isl�micos deteni <p class="fuente">1kkkkka</p> </div> <hr /> <p>La Fiscal�a de Valladolid recurre el r�gimen abierto para Rold�n</p> <p class="fuente">1kkkkkkka</p> <hr /> <p>La Fiscal�a de Valladolid recurre el r�gimen abierto para Rold�n</p> <p class="fuente">14:00 B</p> <hr /> <p>La Fiscal�a de Valladolid recurre el r�gimen abierto para Rold�n</p> <p class="fuente">14:00 a</p> </div> <!-- fin bloque2 --> <!-- inicio bloque 3 --> <div id="bloquederecha"> <div id="bloquecabecera2"><a href="#">Teletipos</a> </div> <p>La Fiscal�a de Valladolid recurre el r�gimen abierto para Rold�n</p> <div id="bloquecabecera2"><a href="#">Noticias audiovisuales</a> </div> <div class="flota"> <img src="images/tenis.jpg" width="65" height="79" /></div> <p>Red.es se une al referente mundial en accesibilidad W3C</p> <p class="fuente">14oiuo u oa</p> <p>La Fiscal�a de Valladolid recurre el r�gimen abierto para Rold�n</p> <p class="fuente">14:00 kkkk</p> <div id="bloquecabecera2"><a href="#">Portadas del día</a> </div> <div id="portadas"><img src="images/p1019.jpg" width="90" height="122" /><img src="images/p1019.jpg" width="90" height="122" /><img src="images/p1019.jpg" width="90" height="122" /><img src="images/p1019.jpg" width="90" height="122" /> </div> <div> <p><a href="#" class="portadasi">más portadas</a></p> </div> </div> <!-- fin bloque 3 --> </body> </html> ______________________________________________ Renovamos el Correo Yahoo!: �250 MB GRATIS! Nuevos servicios, m�s seguridad http://correo.yahoo.es _______________________________________________ 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
