Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/02/2014, 16:23
Avatar de blancoarnau
blancoarnau
 
Fecha de Ingreso: junio-2013
Mensajes: 119
Antigüedad: 11 años, 7 meses
Puntos: 0
Javascript elimina márgenes

Hola a todos. Ya escribí un post sobre esto pero pensé que ya lo había solucionado aunque no fue así xD.
En mi documento web tengo esto:



Añado el CSS aunque no importa mucho:

Código CSS:
Ver original
  1. #posts{
  2.     text-align:center;
  3.     width:60%;
  4.     height:50%;
  5. }
  6. .post{
  7.     height:200px;
  8.     width:200px;
  9.     display:inline-block;
  10.     background-color:white;
  11.     opacity:0.75;
  12. }

Al pulsar un enlace se cambia el contenido del contenedor "posts". El script es el siguiente:

Código Javascript:
Ver original
  1. phome = '<div class="post"></div><div class="post"></div><div class="post"></div><br/><div class="post"></div><div class="post"></div><div class="post"></div>';
  2. ptiempo = '<center>En construcción :D</center>';
  3. pgaleria = '';
  4. pparticipar = '';
  5. pabout = '';
  6. function pasar(seccion){
  7.         document.getElementById("posts").innerHTML=seccion;
  8. }

Pero después, al pulsar al volver a pulsar el enlace (onClick="pasar(phome)") me pasa lo siguiente:



¿Acaso Javascript me evita que el CSS se aplique al nuevo código que aparece? No entiendo porque sucede esto. Espero que me puedan ayudar. GRACIAS