2009-11-04 20 views
15

में एकाधिक श्रेणी चयनकर्ताओं का उपयोग करना मुझे पता है आईई 7 & आईई 8 माना जाता है कि कई सीएसएस क्लास चयनकर्ताओं का उपयोग करने के लिए समर्थन है, लेकिन मुझे यह काम करने के लिए प्रतीत नहीं होता है।आईई 7 और आईई 8

सीएसएस:

.column { 
    float: left; 
    display: block; 
    margin-right: 20px; 
    width: 60px; 
} 
.two.column { 
    width: 140px; 
} 
.three.column { 
    width: 220px; 
} 
.four.column { 
    width: 300px; 
} 

HTML:

<div class='two column'>Two Columns</div> 
<div class='three column'>Three Columns</div> 
<div class='four column'>Four Columns</div> 

यह हमेशा .four.column नियम का उपयोग कर अंत। मैं क्या गलत कर रहा हूँ पर कोई विचार?

उत्तर

36

आप एक दस्तावेज़ प्रकार सुनिश्चित करना और उपयोग करना चाहते हैं ताकि आप क्विर्क मोड में प्रस्तुत न करें। उदाहरण के लिए:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Test Page</title> 
<style type="text/css"> 
.column { 
    float: left; 
    display: block; 
    margin-right: 20px; 
    width: 60px; 
    border: 1px solid; 
} 
.two.column { 
    width: 140px; 
} 
.three.column { 
    width: 220px; 
} 
.four.column { 
    width: 300px; 
} 
</style> 
</head> 
<body> 
<div class="two column">Two Columns</div> 
<div class="three column">Three Columns</div> 
<div class="four column">Four Columns</div> 
</body> 
</html> 
+5

बकवास, जो वास्तव में मेरे बारे में लापरवाह था। सहायता के लिए धन्यवाद! – Erol

+0

धन्यवाद धन्यवाद। –

+2

आपने अपना जीवन बचाया! – Fabien

3

ऐसा नहीं है कि आप जरूरी कुछ भी गलत कर रहे हैं, लेकिन अगर आप की तरह श्रेणियां होती हैं:

.column { 
    float: left; 
    display: block; 
    margin-right: 20px; 
    width: 60px; 
} 
.two { 
    width: 140px; 
} 
.three { 
    width: 220px; 
} 
.four { 
    width: 300px; 
} 

तो फिर तुम अब भी जब आप सही क्रम में उन वर्गों लागू प्रतिपादन आप चाहते हैं मिलना चाहिए:

<div class='column two'>Two Columns</div> 

यदि आप सीएसएस कक्षाओं को प्रोग्रामिंग कक्षाओं की तरह सोचते हैं, तो .two कक्षा अपनी चौड़ाई संपत्ति की सवारी करते हुए बेस .column कक्षा का विस्तार करती है।

इस तरह, आप भी अपने .two, .three और .four कक्षाएं अन्य पृष्ठ तत्वों जिसका चौड़ाई आप उन आकारों को ठीक करने के लिए चाहते हैं, करने के लिए पेज पर अपनी स्थिति या कंटेनर पर निर्भर होने के लिए बिना लागू कर सकते हैं।