Spazio bianco inspiegabile quando si utilizza chiaro: entrambi

Sto costruendo un sito Web Joomla 1.7 e sto utilizzando un plug-in per la galleria. Questo funziona davvero bene tranne per un problema. Nel plug-in della galleria è possibile inserire una descrizione che viene visualizzata sopra a tutte le immagini, ma ogni volta che uso questo ottengo un'enorme quantità di spazio bianco.Spazio bianco inspiegabile quando si utilizza chiaro: entrambi

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

Il codice 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;">

Se rimuovo il lo spazio bianco scompare. Guardo il mio css con Firebug ma non posso per la vita di me capire perché mi sta dando questo spazio bianco. Ho usato il css-reset di Yahoo.

EDIT: CSS

div id = "phocagallery" class = "pg-categoria-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; 
}

Qualcuno ha un indizio?

fonte

2011-08-23 iggnition

Abbiamo anche bisogno degli stili CSS pertinenti. O un link alla pagina attuale. –

Che dire di postare: pg-category-view-desc per il vero CSS, da qualche parte hanno definito lo spazio bianco. – JonH

Non ha riservato spazio al plugin forse per pulsanti o potenziale di testo? – Coops

È necessario disporre di una barra laterale sulla sinistra o sulla destra con un elemento fluttuante (o che è mobile).

Chiaro: entrambi fanno sì che l'elemento si trovi sotto quell'elemento mobile.

vedere il problema qui: http://jsfiddle.net/9Razw/

Una soluzione è quella di impostare overflow: hidden su #phocagallery o un genitore dell'elemento clear:both.

fonte

2011-08-23 19:58:33 arnaud576875

Questo è in realtà! Grazie, ora almeno so perché lo stava facendo! La mia intera barra laterale è fluttuante e in effetti cade proprio sotto la barra laterale, non l'avevo nemmeno notato. C'è un modo per far sì che ignori la mia barra laterale fluttuante? – iggnition

Una soluzione è impostare l'overflow: nascosto su #phocagallery o un genitore della clear: both element. – arnaud576875

problema risolto! Grazie mille! – iggnition

classe pg-categoria-view-disc probabilmente dare il galleggiante div: a sinistra oa float: right e ha anche un'altezza fissa e la chiara applicare l'altezza div

fonte

2011-08-23 20:03:59 kleinohad

Utilizzare lo

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

fonte

2013-09-06 11:36:25

che non risolverà – Yashas

Spazio bianco inspiegabile quando si utilizza chiaro: entrambi

risposta

Problemi correlati