2011-04-11 8 views
7

मैं एक HTML <button> सीएसएस के साथ तालिका कक्ष को लंबवत रूप से कैसे भर सकता हूं?एचटीएमएल <button> कैसे सीएसएस के साथ तालिका कक्ष को लंबवत रूप से भरें?

मैं बटन को क्षैतिज रूप से सीएसएस के साथ एक टेबल सेल भरने के लिए width:100% का उपयोग कर सकता हूं, लेकिन height:100% कुछ भी नहीं करता है।

एक उदाहरण के लिए, कृपया देखें: http://jsfiddle.net/eA5fQ/

धन्यवाद!

+1

क्या आप थोड़ा और स्पष्ट हो सकते हैं ..? आप सीएसएस के साथ वास्तव में क्या करना चाहते हैं? –

+2

प्रतिशत की ऊंचाई तत्व के माता-पिता से विरासत में प्राप्त होती है। यदि अभिभावक की ऊंचाई परिभाषित नहीं की गई है तो संदर्भ का कोई बिंदु नहीं है। –

उत्तर

4

आप में पिक्सेल के आधार पर ऊंचाई का उल्लेख करना होगा:

height: 100px; 
+1

धन्यवाद केन, जो निश्चित रूप से काम करता है, लेकिन क्या यह% के माध्यम से ऐसा करने का कोई तरीका है ताकि यह तालिका कक्ष के पूरे क्षेत्र में बस ले जाये? – PleaseHelpMe

-1

आप के रूप में अच्छी min-height: 1px; का उपयोग करते हैं height: 100%; के रूप में यह ठीक से काम करने लगता है: http://jsfiddle.net/jJbCd/8/

+0

मुझे% के साथ करने में सक्षम होना अच्छा लगेगा, लेकिन यह मेरे अंत में काम नहीं कर रहा है (फ़ायरफ़ॉक्स 4)। कोई विचार क्यों? धन्यवाद। – PleaseHelpMe

+0

एफएफ 4 में कोशिश की, और या तो काम नहीं किया। कोई विचार क्यों नहीं ... – penguinrob

+0

यह काम करता है अगर यह किसी कारण से टीडी में नहीं है: http://jsfiddle.net/jJbCd/8/ – penguinrob

4

आप एक कोई आपत्ति नहीं है jQuery समाधान:

$('#button1').css('height', $('#button1').parent('td').height()); 

Live Demo

4

अपने बटन पर height:100%; जोड़ें और अपने टीडी टैग की ऊंचाई पर अंक

+0

हां टीडी के अंदर टीडी और बटन पर 100% सेट करें। धन्यवाद कि इसे हल किया –

संबंधित मुद्दे