फ़ायरफ़ॉक्स ओवरफ़्लो: छुपा बग

Question

इसलिए मैंने अपने वेब डिज़ाइन में एक छवि स्लाइडर में अभी जोड़ा है जैसा कि अब है। यह आईई + क्रोम में ठीक काम करता था, लेकिन फ़ायरफ़ॉक्स में मुझे एक बहुत ही अजीब मुद्दा था .. छवि स्लाइडर छवियों को पृष्ठ के दाईं ओर की तरफ धक्का दिया जा रहा था।

जब यह इस तरह दिखना चाहिए:

मैं वास्तव में यह क्यों हो रहा है पता नहीं है।

<style type="text/css"> 
     #slider { 
      position: relative; 
      width: 918px; 
     } 
     #slider .viewer { 
      position: relative; 
      width: 918px; 
      height: 200px; 
      overflow: hidden !important; 
     } 
     #slider .viewer .reel { 
      display: none; 
      height: 200px; 
     } 
     #slider .viewer .reel .slide { 
      width: 918px; 
      height: 200px; 
     } 
    </style> 

और स्लाइडर के आसपास कंटेनर के लिए सीएसएस:

#photobox { 
border-left: 1px solid #ababab; 
border-right: 1px solid #ababab; 
position: relative; 
width: 918px; 
height: 200px; 
z-index: -1; 
top: -6px; 
} 

यह वास्तव में मुझे स्टंपिंग है

यहाँ स्लाइडर के लिए सीएसएस है। आप साइट के लाइव संस्करण को भी देख सकते हैं - http://simplesolutions.netne.net/

Answer 1

यह एक अस्थायी मुद्दा है।

Answer 2

Margin-top : 6px #photobox पर इसे फ़ायरफ़ॉक्स में ठीक करता है।

Answer 3

clear:both#slider .viewer जोड़ना इसकी परवाह करता है।

#slider { float:left } 

इसे ठीक करना चाहिए:

Answer 4

मेरे पास एक ही समस्या थी, (केवल फ़ायरफ़ॉक्स) उसी प्रकार के लेआउट के साथ। मैंने नौसेना मेनू वस्तुओं पर मार्जिन-बोटम होने की समस्या को पाया, जिससे नीचे दिए गए सामग्री div को दाईं ओर दबाया गया।

मुश्किल हिस्सा यह था कि नौसेना के मेनू में नीचे कोई मार्जिन नहीं था, इसलिए ऐसा लगता है कि यह नीचे दी गई सामग्री के साथ हस्तक्षेप नहीं कर रहा था (और यह अन्य ब्राउज़रों में नहीं था, बस में फ़ायरफ़ॉक्स) - लेकिन, किसी बिंदु पर मुझे एहसास हुआ कि सूची आइटम (मेनू आइटम) में मार्जिन बोतलें थीं जो मेन्यू बार के नीचे विस्तारित थीं, और उन्हें हटाकर इसे ठीक कर दिया गया था।