Como centrar los ads de Google AdSense?

    Alguna vez se han preguntado como lograr esto. Despues de una rapida busqueda me encontre con la solucion practica de hacerlo.

POR QUE SUCEDE?

    La razon de que esto suceda se debe a que la caja se posiciona de forma absoluta con respecto al texto. La solucion a ello es trabajar esta posicion y reemplazarla por una adecuada de acuerdo al diseño de nuestra pagina.

COMO LO HAGO?

    Aqui se trata de modificar esa propiedad de posicionamiento. Entonces el paso a seguir es crear estilo CSS que define algun aproximacion basica para solucionarlo.

Lo podemos hacer por medio de la defincion de una clase CSS y la posterior aplicacion del estilo al contenedor del anuncio:

  • Primero la clase:

    	.centrarMiAdSense {
    		position:relative;
    		margin:auto;
    		width:468px;
    	}
    	
  • Ahora solo lo aplicamos al contenedor:

O tambien hacerlo de la forma “sucia” e incluirlo directamente en linea el estilo:

    Como se observa, se tiene una propiedad de ancho (propiedad “width”). Esta tenemos que ajustarla de acuerdo a la medida de nuestro anuncio. Tambien, si es necesario, se le pueden aplicar mas opciones de estilo al contenedor. Incluso existe la posibilidad de que este codigo no funcione correctamente para ciertos diseños, asi que a prueba y error se puede ajustar de acuerdo a las necesidades.

Actualizado: Lunes 11 de Abril del 2011 – J.R.


This entry was posted in Web. Bookmark the permalink.

Comments are closed.