Como simular un iframe

[digope]

Hola:

¿Quería saber que formas hay de simular un iframe? He leído la opcion de ajax pero quería saber que me recomdais.
La página consta de una imagen de fondo y encima en una parte un iframe donde va el texto. El problema es que google no me indexa el texto. Es esto normal al tratarse de un iframe?

Espero vuestras sugerencias.

Saludos y gracias

[kseso?]

Hola Digope
Mira a ver si este tema te es útil:
http://www.forosdelweb.com/f53/iframe-css-592120/
Y respecto a lo segundo, no referenciar el contenido en frames es lo habitual.
Un saludo

[daPhyre]

Si lo que buscas es que Google te indexe la información, ni los iFrames ni Ajax te servirá mucho para esto.

Lo que buscas es posiblemente es hacer un PHP include. ¿Tu servidor soporta PHP? ¿Para que utilizas actualmente este iFrame?

[digope]

La direccion es la siguiente
www.daviddelafuente.es

Por lo que necesitaría que apareciese el texto en google. Voy a mirar lo que me comentasteis

[daPhyre]

Ya veo. Creo que lo mejor es que uses entonces PHP, pasando los valores a través de una variable, más o menos así:

Código HTML:

index.php?pagina=noticias

Y dentro de un div que sustituya al iframe que usas actualmente:

Código PHP:

  <?php
include("".$_REQUEST[pagina].".html");
?>   

Con eso, Google indexará tu contenido. Por cierto, veo que usas muchas tablas, te recomiendo que uses mejor divisores para que Google te la indexe mejor.

Recuerda, deja los iFrames mejor solo para aplicaciones como Maps, Calendar o Flickr. Suerte

[digope]

Si me propuse quitar las tablas la semana pasada pero mis conocimentos son bastante limitadillos y no sabia como hacer para centrar un div en pantalla

Gracias por la solucion. En cuanto tenga tiempo lo pruebo

[daPhyre]

Pues sigue con esa propuesta, y cuando tengas dudas aquí te ayudamos. De momento te ayudo con lo que te preguntas ahora. Para centrar cualquier objeto, solo debes darle el siguiente estilo:

Código HTML:

<div style="margin:0 auto"> 

Suerte

[digope]

Me lo tomare con calma pero os mantendre informados

Saludos y muchas gracias

[digope]

Bueno ayer por la noche me puse a probarlo y me surgieron un par de dudas

Código:

<div style="margin:0 auto">

Con esto solo se me centra horizontalmente. Se puede centrar tambien verticalmente?

Código:

index.php?pagina=noticias

<?php
include("".$_REQUEST[pagina].".html");
?>

El funcionamiento de esta parte no lo acabo de entender. Lo que va entre <?php ..?> lo pondria en el div que substituye al iframe. Y con la primera línea que tendria que hacer ?


Saludos y muchas gracias por todo

[daPhyre]

Centrarlo horizontal y verticalmente es un poco más complejo. Lo pondré en un css por aparte para que te sea más facil leerlo de esta forma:

Código:

#principal{
left:50%;
top:50%;
width:200px;
height:200px;
margin-left:-100px;
margin-top:-100px;
position:absolute;
}

Tan solo asegurate que el margin-top sea la mitad negativa del height, y de igual forma, el margin-left sea la mitad negativa del width. Ahora, en cuanto al php, la sección del div debe verse así:

Código PHP:

 <div id="principal">
<?php
include("".$_REQUEST[pagina].".html");
?>
</div>  

Siempre se verá así. lo que hace $_REQUEST[pagina] es obtener el nombre que le pasas por la variable en el link (index.php?pagina=noticias), así que traducido se vería así:

Código PHP:

  include("noticias.html"); 
   

Y de igual forma, cargará cualquier página que le mandes por esa variable, solo debes poner así los links al llamarlos por los anchor:

Código HTML:

<a href="index.php?pagina=noticias">NOTICIAS</a> 

Ahora, como lo más probable es que quieras tener una página default en caso de que no se mande una variable (Que se mande a llamar directo a index.php en este caso), podrías hacer que cargue una página predeterminada en este caso:

Código PHP:

 <div id="principal">
<?php
if (isset($_REQUEST[pagina]))
include("".$_REQUEST[pagina].".html");
else
include("noticias.html");
?>
</div>  

Para el caso anterior, solo debes cambiar "noticias.html" por la página que desees cargar. Si aún dejé alguna duda, no dudes en preguntar. Suerte

[digope]

Se le puede crear una barra de navegacion al div ya que si no se me sale del fondo de la pantalla?

Muchas gracias por la ayuda, ¡va a quedar perfecta!

[daPhyre]

No entendí muy bien tu pregunta.

Lo que puedes hacer es poner otros divisores dentro del divisor principal centrado, y ahí acomodar los datos. En el caso de tu página, el principal tendría todo el fondo, un divisor para el menu superior, un div para el contenido, que es donde se cargarán los "include", y un tercer div para los links del lado derecho. ¿Era esto lo que preguntabas?

[digope]

Pero en en el div de los include el texto es mas largo que el tamño del div por lo que necesitaria una barra de navegacion para poder bajar y dejar el div en un tamaño fijo

[daPhyre]

Había una propiedad en CSS para ello, creo que era overflow:scroll o algo similar, pero te mentiría con certeza pues nunca lo he utilizado. Si no te funciona, puedes revi saren internet o en los foros, que ya ha sido discutido antes. De igual forma si no lo encuentras, puedes preguntar de nuevo, alguien conocerá la solución. Suerte

[kseso?]

Hola.
Con overflow:auto conseguirás que aparezcan las barras solo cuando sean necesarias para visualizar todo el contenido.
Un saludo

[digope]

lo probare

Muchas gracias

[digope]

Lo de la scrooll bar funciona perfectamente.
Lo que no me funciona es el código de centrar verticalmente? Lo he probado solo con firefox, puede ser por eso?

[daPhyre]

Creo que he olvidado un position:absolute. Ve si eso lo corrige...

[digope]

Asi es. Creo que había probado con eso (y relative...) pero parece ser que no.

Ahora tengo una duda con los css de los div. Como puedo hacer para que queden unas capas por encima de otras?

Por lo que he visto con position: absolute; sería la solución pero no se adapta a una pantalla más pequeña. Y con position: relative; es como lo estoy haciendo pero tengo que poner cosas como:

Código:

.texto{
		width:430px;
		height:440px;
		position: relative;
		top:-320px;   //  !!!!!!!!! tengo que poner - ... px
		left:355px;
		overflow:auto;

y el .php está así

Código:

<div class="fondo">
    	<div class="menu">
    	</div>
    	<div class="texto">
			<?php
				if (isset($_REQUEST[pagina]))
				include("".$_REQUEST[pagina].".html");
				else
				include("noticias.html");
			?>
      	</div>
	<div class="ramales">
        	
        </div>
</div>

De esta forma queda como quiero solo que si cambio el tamaño de un div tengo que cambiar el top del resto

[daPhyre]

Que extraño, yo mismo lo he probado con el position:absolute y me lo centra perfectamente... ¿No fue por el "%" que el código me lo leía mal? Edité de nuevo el post para mostrarlo mejor con otra etiqueta ya de forma correcta.

En cuanto a tu última duda, no se de otra forma para arreglarlo. Quizá alguien más sepa, aunque necesitarías abrir un nuevo tema para preguntarlo. Suerte