Espacio en blanco inexplicado al usar clear: ambos

Estoy construyendo un sitio web Joomla 1.7 y estoy usando un plugin de galería. Esto funciona muy bien, excepto por un problema. En el plugin de la galería puede insertar una descripción que se muestra en la parte superior de todas las imágenes, pero cada vez que uso esto obtengo una enorme cantidad de espacios en blanco.Espacio en blanco inexplicado al usar clear: ambos

http://imgur.com/FGrGi enter image description here

El HTML:

<div id="phocagallery" class="pg-category-view" style="width:800px;margin: auto;"> 
    <div class="pg-category-view-desc">Pictures of the Roskilde Family</div> 
    <div id="pg-icons"></div> 
    <div style="clear:both"></div> 
    <div class="phocagallery-box-file" style="height:158px; width:120px;"> 
    <div class="phocagallery-box-file" style="height:158px; width:120px;"> 
    <div class="phocagallery-box-file" style="height:158px; width:120px;"> 
    <div class="phocagallery-box-file" style="height:158px; width:120px;"> 
    <div class="phocagallery-box-file" style="height:158px; width:120px;">

Si quito el espacio blanco desaparece. Miro en mi CSS con Firebug pero no puedo entender por qué me está dando este espacio en blanco. Usé el Yahoo css-reset.

EDIT: CSS

div id = clase "phocagallery" = "PG-categoría-view":

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td, p 
{ 
    margin: 0; 
    padding: 0; 
} 
    body { 
    color: #000000; 
    font-family: Verdana,Arial,Helvetica,sans-serif; 
    font-size: 75%; 
    line-height: 1.3; 
}

Alguien tiene una pista?

Fuente

2011-08-23 iggnition

Necesitamos los estilos CSS relevantes, también. O un enlace a la página real. –

¿Qué hay de la publicación: pg-category-view-desc para el CSS real, en algún lugar que han definido el espacio en blanco. – JonH

¿No es espacio reservado por el complemento tal vez para botones o potencial para texto? – Coops

Debe tener una barra lateral a la izquierda o a la derecha con un elemento flotante (o flotante).

El claro: ambos hacen que el elemento esté debajo de ese elemento flotante.

ver el problema aquí: http://jsfiddle.net/9Razw/

Una solución es establecer overflow: hidden en #phocagallery o un padre del elemento clear:both.

Fuente

2011-08-23 19:58:33 arnaud576875

Esto es en realidad! ¡Gracias, ahora al menos sé por qué lo estaba haciendo! Toda mi barra lateral está flotando y de hecho cae justo debajo de la barra lateral, ni siquiera lo había notado. ¿Hay alguna manera de hacer que ignore mi barra lateral flotante? – iggnition

Una solución es establecer el desbordamiento: oculto en #phocagallery o un elemento primario del elemento clear: both. – arnaud576875

problema resuelto! Muchas gracias! – iggnition

la clase pg-categoría-vista-desc probablemente dará el flotador div: izquierda o float: right y también tiene una altura fija y la clara aplicar la altura div

Fuente

2011-08-23 20:03:59 kleinohad

Utilícelo

.clear 
{ 
    height:0px; 
    clear:both; 
}

Fuente

2013-09-06 11:36:25

que no soluciona – Yashas

Espacio en blanco inexplicado al usar clear: ambos

Respuesta

Cuestiones relacionadas