2012-12-19 16 views
6

के साथ बनाया गया है मैंने एक गैलरी पेज बनाया है। यह परिवर्तनीय ऊंचाइयों वाली छवियों को प्रदर्शित करता है। जैसा कि सुझाव दिया गया है here to use a masonry plugin मैंने चिनाई प्लगइन का उपयोग किया। यह कल रात तक महान काम किया।मेरी साइट ने अपना ग्रिड लेआउट संरेखण क्यों खो दिया। यह चिनाई

लेकिन आज सुबह जब मैंने इसे फिर से चेक किया तो मैंने संरेखण खो दिया। पिछले 3 दिनों से साइट पर कोई बदलाव नहीं हुआ। स्नैपशॉट यहाँ है। Check my site's screen shot here

इससे पहले, सभी div के लिए स्वचालित रूप से समायोजित कर रहे हैं (चिह्नित रिक्त स्थान सफाया कर दिया गया) और प्रदर्शन

http://pinterest.com/

की तरह दिखाई देता लेकिन अचानक मेरी साइट अपने संरेखण खो दिया है। इस मुद्दे को समझने में असमर्थ।

समस्या क्या हो सकती है .... कृपया मेरी मदद करें। मैं CodeIgniter उपयोग कर रहा हूँ, इसलिए: मेरी साइट के साथ एक बड़ी समस्या में

यहाँ सीएसएस संरेखण और चिनाई आवेदन

#body {background-color:#1c4d5c;padding:10% 0% 20% 20%;} 
#imagesection 
{ 
margin:10px 10px 10px 10px; 
float:left; 
width:214px; 
border: 5px solid #f0f0f0; 
background-color:#d2dbde; 
border-radius:5px; 
} 

var $container = $('#body'); 

$container.imagesLoaded(function(){ 
    $container.masonry({ 
    itemSelector : '#imagesection' 
    }); 
}); 

चिनाई आईई 8 में काम नहीं करता Masonry doesn't work in IE 8

नोट कर रहे हैं मैं हेडर, बॉडी, पाद लेख इत्यादि को देख रहा हूं।

+2

Goblins, निश्चित रूप से goblins ... लेकिन सब ईमानदारी में, कैसे क्या हमें लाइव उदाहरण, या कुछ कोड के बिना पता होना चाहिए? – ChrisR

+1

आपको अधिक जानकारी प्रदान करने की आवश्यकता है। हमारा स्थानीय टेलीपथ छुट्टी पर है। – Ranty

+0

गोबलिन्स क्रिसआर –

उत्तर

6

कोशिश .box .col2 तरह चिनाई प्लगइन से केवल आवश्यक वर्ग का उपयोग करने के ...

अन्य वर्गों अपने कुल संरेखण प्रभाव हो सकता है ..

+0

मेरे पास केवल दो divs हैं # कंटेनर है और दूसरा है #imagesection मैं केवल इन दो div के लिए लागू किया। अगर मैंने आपके द्वारा वर्णित सभी सीएसएस कक्षाओं का भी उपयोग किया है, तो इससे पहले काम नहीं किया होता! –

+2

@ राम राजू दंतुलुरी - मैं यहां से बिल्कुल अनुमान नहीं लगा सकता हूं। बॉक्स क्लास को भी शामिल करने का प्रयास करें और यदि आपके पास आग की बग है तो किसी भी त्रुटि के लिए कंसोल की जांच करें – Abhi

+0

अरे @भी मैंने सीएसएस और चिनाई जावास्क्रिप्ट एप्लिकेशन के साथ अपना प्रश्न संपादित किया है। कृपया एक नज़र डालें।मुझे लगता है कि चिनाई प्लगइन में कुछ बदलाव जो इस मुद्दे का कारण बन रहा है। क्योंकि अचानक यह मुद्दा क्यों उठाया गया है? क्या मैं सही हूँ ? –

2

ऐसा लगता है कि आसपास के कंटेनर बहुत बड़े हैं। चौड़ाई को फिर से छोटे से समायोजित करें। आप टाइलिंग एल्गोरिदम की दाहिनी सीमा पर देख सकते हैं, इसलिए मुझे लगता है कि चिनाई पूरी तरह से काम करता है।

+0

एक स्पष्ट स्क्रीनशॉट लेने के लिए और आपको इस मुद्दे के बारे में बताएं संरेखण मैं स्क्रीन को ज़ूम आउट करता हूं और स्क्रीन शॉट लेता हूं। तो ऐसा लगता है कि ऐसा लगता है कि यह बड़े आस-पास के कंटेनर है। –

+0

आपका मतलब है कि आपके पास उत्तरदायी लेआउट है और जब आप probelm में ज़ूम करते हैं? चिनाई को एक निश्चित चौड़ाई कंटेनर की आवश्यकता होती है और उत्तरदायी लेआउट के साथ काम नहीं कर सकता है। – Bytemain

+0

समस्या डिफ़ॉल्ट ज़ूम पर भी बनी रहती है। मेरा मतलब है, मेरी साइट का पूरा दृश्य लेने के लिए (अब तक मैं आपको साइट लिंक क्षमा नहीं कर सकता!) मैंने स्क्रीनशॉट लिया जब ब्राउज़र विंडो ज़ूम इन की गई। –