A ver si se explicarlo bien, porque esto no tiene mucha lógica.
Tengo una pagina que muestra un listado (con dl), mejor copio el codigo...
Código HTML:
<div class="todo noBorderOnLeft"> <div class="contenidotextotodo"> <h1><img src='/futuretense_cs/JCYL_RecursosDiseno/img/iconoMenu02.png' alt="" title=""/> Canales</h1> <dl> <dt> <span class="corplink4"> <a href='/siaudes/ContentServer/pr/es/Cibercentros/Page/CibercentrosPlantillaTexto/1172841788613/_/_/_?asm=jcyl'>Canal Infantil</a> </span> </dt> <dd> <p style="margin-left:0em;margin-top:0px"> ¡Hola! Me llamo Arrobit@ y te presento tu nuevo periódico digital, creado especialmente para los niños. En él podéis participar enviando tus poesías, cuentos, dibujos, reportajes, en definitiva, todo lo que quieras. </p> </dd> <dd><div class="spacer"></div></dd> <dt> <img src='/siaudes/BlobServer?blobcol=urldata&blobtable=MungoBlobs&blobkey=urldata&blobwhere=457%2F988%2FImage00001%2C0.jpg' alt="" title="" width='79' height='80' class="left" /> <span class="corplink4"> <a href='/siaudes/ContentServer/pr/es/Cibercentros/Page/CibercentrosPlantillaTexto/1172841788783/_/_/_?asm=jcyl'>Canal Mujer</a> </span> </dt> <dd> <p style="margin-left:40px;margin-top:0px;"> Lugar de reunión para las mujeres de Castilla y León, donde podrás expresarte, encontrar la información que necesitas y buscas. Conoce lo que las TIC (Tecnologías de la Información y las Comunicaciones) pueden hacer por ti.. </p> </dd> <dd><div class="spacer"></div></dd></dl>
Bueno, en total son 5 elementos, unos tienen imagen y otros no. el problema está en que el explorer 6 el texto desaparece y el titulo que esta el h1 también, hasta que se redimensiona la ventana, se marca con en ratón...
He leido por ahi que el problema es de los float (ahora pego los estilos), pero no puedo quitarselos porque sino se me descoloca todo...
total, que llevo un dia entero con esto y no encuentro solucion.....
Ojala podais ayudarme...
Gracias
ah! el css:
div.contenidotextotodo {
background-color: #ffffff;
padding: 0.7em 2em 0.8em 2em;
text-align: justify;
color: #666666;
}
div.spacer{
clear:both;
}
img.left{
clear:none;
float:left;
margin-bottom:1em;
margin-right: 1em;
background-color:transparent;
position:relative;
}