¿Como Centrar el contenido de IFRAME?

Robotics · #1 (**permalink**) 09/02/2012, 10:29

Es una pregunta para expertos de verdad.
No consigo que el ifrme centre su contenido, lo "justifica" siempre desde la "derecha". Aparentemente hay unas cuantas soluciones como incluir aling:"center" dentro del iframe, etc pero nada funciona.

tengo esto:
<iframe name="contenido" id="contenido" src="rotator/index.html" width="100%" height="600" frameborder="0" scrolling="No"></iframe>

Lo que quiero es que el Iframe centre el contenido del html "al que llama". Ahora la imagen que se ve siempre la "capta" desde apartir del margen derecho del contenido del html al que llama (en este caso inde.html)

Gracias amigos"

emprear · #2 (**permalink**) 09/02/2012, 11:27

Para centrar el contenido de la página que carga el iframe, tenés que trabajar sobre el código de esta, no sobre la que lo carga. El problema puede plantearse si no tenes a cceso al html de "rotator/index.html". en ese caso deberías valerte de php.

algo parecido se comenta en este post
http://www.forosdelweb.com/f53/aplic...0/#post4027445

Saludos

Robotics · #3 (**permalink**) 09/02/2012, 13:10

No hay problema, lagongo en php y listo...¿pero com se hace?...

grcias

emprear · #4 (**permalink**) 09/02/2012, 13:16

Como indique ahi
http://www.forosdelweb.com/f53/aplic...0/#post4028250

Si yo le cambio el background a google, vos cambias lo que necesites con css

Robotics · #5 (**permalink**) 10/02/2012, 16:20

eso no me funciona, ente otras cosas por que yo tengo el documento..no es una pagina "externa"..

alguna sugerencia más?

Grcias a migos.

emprear · #6 (**permalink**) 10/02/2012, 16:54

como alguna sugerencia más?

Si el documento es tuyo, poco importa si está en un iframe o no, solo tenes que editarlo ó modificar el css que lo afecta, eso ya te fué respondido.

Además de dicho código no sabemos nada.

Robotics · #7 (**permalink**) 10/02/2012, 18:30

Lo que necesito es esto...

http://galeon.com/licras/index.html

¿Cómo hacerlo?

gracias amigos!

emprear · #8 (**permalink**) 10/02/2012, 18:51

Código HTML:

Ver original<!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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
 
<style type="text/css">
/*<![CDATA[*/
 
iframe{
width: 600px;
height: 300px;
margin: 0 auto;
display: block;
}
 
/*]]>*/
</style>
</head>
<body>
<iframe src="contenido.html"></iframe>
</body>
</html>

contenido.html

Código HTML:

Ver original<!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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
p{
text-align: center;
} 
 
/*]]>*/
</style>
</head>
<body>
<p>Contenido</p>
</body>
</html>

Robotics · #9 (**permalink**) 11/02/2012, 08:05

Hola emprear,
antetodo gracias por la aportación, pero debo de estar haciendo algo mal.

He pegado el codigo que indicas en sendos archivos: contenido1.html y contenido.html, y las imágenes del iframe siguen saliendo desde la derecha (fijate la barra de desplazamiento inferior en contenido.html).

http://galeon.com/licras/contenido1.html
http://galeon.com/licras/contenido.html

Lo que quiero es que la foto del barco (1920px), salga "centrada" dentro del iframe, no que el iframe salga centrado.

Un saludo y gracias.

emprear · #10 (**permalink**) 13/02/2012, 19:17

Independientemente de lo que hayas hecho, hasta tanto no expliques con absoluta claridad lo que queres lograr, no creo que ninguna respuesta que te pueda dar te satisfaga.
Sustento mi comentario previo en esto

El ejemplo gráfico de lo que queres

no se condice con la observación

Cita:

Lo que quiero es que la foto del barco (1920px), salga "centrada" dentro del iframe, no que el iframe salga centrado.

Y para finalizar me pregunto...
En que resolución pensás centrar una imagen de 1920px de ancho?