html5 - div elements will not line up properly (side by side) -

नीचे दिए गए कोड ASP MVC3 दृश्य से है। पहले दो "कंटेनर" div तत्व ( topDiv और middleDiv ) बस ठीक काम करते हैं। फ़ील्डसेट ठीक से बाएं से दाएं संरेखित करें हालांकि, नीचे डायव तत्व नहीं है इस "कंटेनर" में leftDiv को BigDiv "कंटेनर", और नीचे rightDiv हवाओं के दायीं ओर सभी तरह की पंक्तियां हैं leftDiv तत्वों और स्क्रीन के बायीं तरफ।

जाहिर नहीं, इतने महान डब्ल्यू / एचटीएमएल / सीएसएस पोजिशनिंग (इन डिवेल तत्वों में से कोई भी इस समय उनसे सीएसएस संलग्न नहीं है, बस सब कुछ तैयार करने की कोशिश कर रहा है), इसलिए अगर कोई मुझे बता सकता है कि क्या था उस पर जाकर बहुत सराहना की जाएगी

चूंकि सभी fieldsets संयुक्त में 1000 से अधिक HTML / Razor वाक्यविन्यास हैं I कोड के उस क्षेत्र को जोड़ते हैं अगर किसी को विशिष्ट fieldet देखने की जरूरत है तो मुझे पोस्ट करने में खुशी होगी

  & lt; div id = "BigDiv" शैली = "स्पष्ट: दोनों;" & gt; @ Html.HiddenFor (model = & gt; model.CreatedDate) @ Html.HiddenFor (मॉडल = & gt; मॉडल। क्रिएटेड ऑपरेटर) @ एचटीएमएल.हिडेडफ़ोर (मॉडल = & gt; मॉडल। रेफरेंसएनंबर) @ एचटीएमएल.हिडेडफ़ोर (मॉडल = & gt; मॉडल संदर्भ टाइप करें) @ एचटीएमएल। हइडडेफ़ोर (मॉडल = & gt; मॉडल। एक्स्टरेप्टी टाइप) @ एचटीएमएल.हिडेडफ़ोर (मॉडल = & gt; मॉडल.रागियन) @ एचटीएमएल.हिडेडफ़ोर (मॉडल = & gt; मॉडल.आईएनडीडीआईस्ट) & lt; div id = "topDiv" & gt ; & Lt; div class = "leftDiv" शैली = "चौड़ाई: 450px; फ्लोट: बायां;" & gt; & Lt; fieldet id = "एजेंट प्रकारफ़ेल्ड" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; / div & gt; & Lt; div वर्ग = "राइटडिव" शैली = "चौड़ाई: 450px; फ्लोट: बायां;" & gt; & Lt; fieldet id = "DistributionFields" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div id = "middleDiv" & gt; & Lt; div class = "leftDiv" शैली = "चौड़ाई: 450px; फ्लोट: बायां;" & gt; & Lt; fieldet id = "BasicFields" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; / div & gt; & Lt; div वर्ग = "राइटडिव" शैली = "चौड़ाई: 450px; फ्लोट: बायां;" & gt; & Lt; fieldet id = "DRMFields" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div id = "bottomDiv" & gt; & Lt; div class = "leftDiv" शैली = "चौड़ाई: 450px; फ्लोट: बायां;" & gt; & Lt; फ़ील्डसेट आईडी = "पता-फ़ील्ड" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; fieldet id = "CommunicationFields" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; / div & gt; & Lt; div वर्ग = "राइटडिव" शैली = "चौड़ाई: 450px; फ्लोट: बायां;" & gt; & Lt; fieldet id = "DSSAgentIds" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; fieldet id = "DSSFields" शैली = "चौड़ाई: 400px;" & gt; ... & lt; / fieldset & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; p & gt; & Lt; इनपुट प्रकार = "सबमिट करें" मान = "सहेजें" / & gt; & Amp; nbsp; & nbsp; & amp; nbsp; & nbsp; & nbsp; @ एचटीएमएल.एक्शनलिंक ("खोज पर वापस", "इंडेक्स", "एजेंट") & lt; / p & gt; & Lt; / div & gt;   
 यहां परिणाम का एक स्क्रीन शॉट है  निर्माता जानकारी  और  वितरण   topDiv  के बाएं और दाएं  divs  हैं  मूलभूत  और  DRM  को  middleDiv  लिखें।  पते  में  addressFields   fieldet  में  नीचे डाइव  से मेल खाता है (जाहिर है)।  
   
 यहां स्क्रीन शॉट है पृष्ठ का निचला हिस्सा।  डीएसएस एजेंट आईडी  पहले  fieldet  में  RightDiv  में  bottomDiv  तत्व है  
    
 
 
 इस टैग को  नीचे डाइव  में जोड़ना  
  और 
  
 निश्चित रूप से यद्यपि क्यों नहीं। अगर कोई बेहतर जवाब दे सकता है तो उसे स्वीकार करना अच्छा लगेगा थ्क्स