स्पष्ट उपयोग करते समय अस्पष्ट सफेद स्थान:

Question

मैं एक जूमला 1.7 वेबसाइट बना रहा हूं और मैं गैलरी प्लगइन का उपयोग कर रहा हूं। यह एक समस्या को छोड़कर असली अच्छा काम करता है। गैलरी प्लगइन में आप एक विवरण डाल सकते हैं जो सभी छवियों के शीर्ष पर प्रदर्शित होता है, लेकिन जब भी मैं इसका उपयोग करता हूं तो मुझे एक विशाल मात्रा में व्हाइटस्पेस मिलता है।

http://imgur.com/FGrGi

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

अगर मैं हटाने सफेद स्थान गायब हो जाता है। मैं अपने सीएसएस में फायरबग के साथ देखता हूं लेकिन मैं अपने जीवन के लिए यह नहीं समझ सकता कि यह मुझे यह सफेद जगह क्यों दे रहा है। मैंने याहू सीएसएस-रीसेट का इस्तेमाल किया।

संपादित करें: सीएसएस

div id = "phocagallery" class = "PG-श्रेणी व्यू":

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; 
} 

किसी एक सुराग नहीं है?

Answer 1

आपके पास बाएं या दाईं ओर एक फ़्लोटिंग तत्व (या जो स्वयं तैर रहा है) के साथ एक साइडबार होना चाहिए।

स्पष्ट: दोनों तत्व उस फ़्लोटिंग तत्व के नीचे होने का कारण बनते हैं।

यहाँ समस्या देखें: http://jsfiddle.net/9Razw/

एक समाधान #phocagallery या clear:both तत्व के एक माता पिता पर overflow: hidden स्थापित करने के लिए है।

Answer 2

वर्ग स्नातकोत्तर-श्रेणी-दृश्य-desc शायद div नाव दे: छोड़ दिया है या फ्लोट: सही है और यह भी एक निश्चित ऊंचाई है और स्पष्ट div ऊंचाई लागू

Answer 3

यह

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