¿una pagina html dentro de un div?

gjulian · 5 Ago 2010, 12:29 · Solicitar retirada

Hola, me imagino que habrá alguna forma de hacer lo que pretendo pero yo no se, ni googlendo dicen nada de esto.
A ver, yo tengo un div que al hacerle hover se me expande, y quisiera que dentro del div expandido apareciera una pagina html, que es una tabla compuesta de varias imagenes cada una con su enlace.
Aqui os dejo el 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>
<title>Page title</title>
<style type="text/css">
<!-- 

#azul {position:absolute; top:50px; left:0; width:1em; height:21.55em; background-color:blue; z-index: 1;}
#azul:hover { background-repeat:no-repeat; top:50px; width:3.1em; height:21.55em; left:0;  z-index: 2;}

-->
</style>
</head>
<body>

<div id='azul'></div>


</body>
</html>

olukarak · 5 Ago 2010, 13:33 · Solicitar retirada

A ver si entiendo... Pretendes meter una web competa dentro de un div, no?
Si es así, configura y coloca este código entre los div.

<iframe marginwidth="0" marginheight="0" src="URL" frameborder="0" width="XXXX" height="XXXX" name="I1" scrolling="no"></iframe>

Ni falta que hace explicártelo.

gjulian · 5 Ago 2010, 14:55 · Solicitar retirada

gracias olukarak, pero si quiero hacer esto es precisamente para eliminar un frame.
Ah y por cierto, estoy atontao, no me acordaba de que tenia algo parecido en http://misevillaguapa.freetzi.com. y ya lo he solucionao.
Aqui dejo los codigos por si le sirve a alguien.
HTML

<!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>
<title>Page title</title>
<link rel="stylesheet" type="text/css" href="estyl.css" media="all" />
</head>
<body>
<?
echo "<div id='azul'> \n";
echo "[i][url='http://localhost/servicios'][img]objetos/home2.png[/img][/url][/i] \n";
echo "[i][url='tabla.php'][img]objetos/tabla2.png[/img][/url][/i] \n";
echo "[i][url='intro.php'][img]objetos/intro2.png[/img][/url][/i] \n";
echo "[i][url='eleccion.php'][img]objetos/eleccion2.png[/img][/url][/i] \n";
echo "[i][url='mes_actual.php'][img]objetos/mes_actual2.png[/img][/url][/i] \n";
echo "[i][url='mes_ante.php'][img]objetos/mes_ant2.png[/img][/url][/i] \n";
echo "[i][url='descansos.php'][img]objetos/descansos2.png[/img][/url][/i] \n";
echo "[i][url='imprim.php'][img]objetos/impri2.png[/img][/url][/i]</div> \n";

?>
</body>
</html>

CSS

#azul {
background-color:#FFF;
position:absolute; 
top:30px; 
left:0; 
width:15px; 
height:380px;  
z-index: 1;
-moz-box-shadow: 5px 5px 7px #1C1C1C;
}

#azul:hover { 
position:absolute; 
top:30px;
width:50px; 
height:380px; 
left:0;  
z-index: 2;
-moz-box-shadow: 5px 5px 7px #1C1C1C;
}

#azul:hover em   { 
display: block; 
}

em  { display: none;}

aunque la pagina esta hecha en php, en html seria igual pero sin los 'echo's. Y lo importante para el comportamiento esta en #azul:hover em {
display: block;
}

em { display: none;}

De esta menera aparecen y desaracen las imagenes.
De todas formas gracias.