Ver Mensaje Individual
  #8 (permalink)  
Antiguo 08/03/2013, 14:12
Avatar de Larenz
Larenz
Colaborador
 
Fecha de Ingreso: enero-2007
Ubicación: Nicaragua
Mensajes: 1.398
Antigüedad: 17 años, 10 meses
Puntos: 55
Respuesta: Problema con espacio en blanco al final de los articulos

Ese problema se resuelve a través del código CSS y algo de PHP. Te explico lo que está pasando:

En ese link que nos das estamos en una página principal (index.php), y por lo tanto la plantilla espera que se muestre el componente principal (component) dentro del div#main. Cabe señalar que este id tiene la orden que tendrá un alto mínimo (min-height) de 420px, es decir, que haya o no haya texto ese será su alto mínimo (podria ser mayor).

Ahora, existen varias soluciones la cuales podrían ser:

1- Creando una condicional para que no se muestre la posición del componente principal en el home del sitio.
2- Rellenando con contenido esa posición
3- Disminuyendo el alto mínimo.

Pero la mejor solución sería crear una condicional en PHP la cual ordene que NO se muestre la posición del componente principal en el home y editando el CSS para evitar que al navegar por las otras páginas pase eso, que quede un margen de espacio en blanco vacío.

Ahora abre el index.php de la plantilla en mención y busca el siguiente código:

Código PHP:
Ver original
  1. <div id="main">
  2.  
  3.   <?php if ($this->countModules('position-12')): ?>
  4.       <div id="top"><jdoc:include type="modules" name="position-12"   /></div>
  5.   <?php endif; ?>
  6.  
  7.   <jdoc:include type="message" />
  8.   <jdoc:include type="component" />
  9.  
  10. </div>

Y edítalo de forma que quede así:

Código PHP:
Ver original
  1. <?php if(!$this->isFrontPage()) : ?>
  2. <div id="main">
  3.  
  4.   <?php if ($this->countModules('position-12')): ?>
  5.       <div id="top"><jdoc:include type="modules" name="position-12"   /></div>
  6.   <?php endif; ?>
  7.  
  8.   <jdoc:include type="message" />
  9.   <jdoc:include type="component" />
  10.  
  11. </div>
  12. <?php endif; ?>

Ahora solo es cuestión que te vayas a la carpeta css y busques el archivo position.css y edites cerca de la línea 86 y pongas los siguientes valores:

Código CSS:
Ver original
  1. #main {
  2.     padding: 10px 0px 20px 0px;
  3.     position: relative;
  4.     min-height: 120px;
  5. }

Esto debería de ser suficiente para que el problema se resolviera.

Saludos
__________________
¡No lo sé todo! Pero comencé como tú, ¡sin saber nada!
Encuéntrame en Facebook: Perfil + Página