Problema con un <div>

[fa2012]

Hola,

Lo que me está pasando es que he cambiado un iframe (el de las palabras en varios idiomas que veréis) por un file_get_contents(...) de lo que había en el iframe. Es extraño porque ahora los iframes 'iframe1' e 'iframe2' salen a la izquierda y no he tocado ninguna etiqueta <div>


La clave está en <div class="left"> y <div class="right">. Están cerrados correctamente, creo. Lo he comprobado.

Caso 1: http://www.lingua2.eu/index300.html --> el cuadro de las palabras en varios idiomas están en un iframe y los iframe1 e iframe2 está bien colocados

Caso 2: http://www.lingua2.eu/index500.php -->el cuadro de las palabras en varios idiomas está adquirido con php file_get_contents(...) y los iframe1 e iframe2 se han descolado por alguna razón que no logro encontrar.

Estaría muy agradecido si me podéis ayudar porque llevo un buen rato intentándolo.

Gracias y un saludo

[buruaga7]

Hola friasaitor

¿No podría ser el float? Si antes de los iframes anulas los float posiblemente pudiera ser eso...

Añadirías el siguiente marcado a la hoja de estilos:

div#clear {
clear:right;
}


Y dentro y al final del último <div> que quieres flotar a la derecha añades:

<div id="clear"></div>

Por si fuera eso puedes probar.
Saludos.

[fa2012]

Gracias Buruaga,

div#clear {
clear:right;
}

¿Esto de arriba lo pongo en cualquier parte?

Y me podrías decir exatamente donde en mipágina debo colocar <div id="clear"></div>? No domino nada hojas de estilos.

Si no fuera eso habría otra explicación? Cuando con el Chrome hago inspeccionar elemento todo sale como si estuviera en el div de tipo "left" y en realidad está en el "right". No lo entiendo.

Un saludo y gracias.

[buruaga7]

Antes de nada decirte que yo tampoco sé casi nada :(

Veo que en el head se apunta a 2 hojas de estilos:

<link href="./language-exchange/style5.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" media="all" type="text/css" href="./language-exchange/style2.css" />

Yo probaría después a incluir la regla en una de las hojas y después llamaría a la regla con un div como te decía colocándolo antes de lo que deseas que no te flote a la derecha.

Perdona que no te pueda ayudar más, ni siquiera sé si esto solucionaría tu problema. Sólo se me ocurren cosas que yo probaría. No soy experto.