बॉक्स आकार: आईई 8 के लिए सीमा-बॉक्स =>?

मुझे box-sizing: border-boxdiv टैग के लिए चाहिए।बॉक्स आकार: आईई 8 के लिए सीमा-बॉक्स =>?

लिए Mozila फ़ायरफ़ॉक्स मैं

 -moz-box-sizing: border-box;

की कोशिश की है आईई (इंटरनेट एक्सप्लोरर) के लिए मैं दोनों नीचे की वैकल्पिक रूप से

 -ms-box-sizing: border-box; 
      box-sizing: border-box;

की कोशिश की है, लेकिन यह कर सकते थे नहीं IE में काम करता है (इंटरनेट एक्सप्लोरर)। हालांकि मैंने इंटरनेट एक्सप्लोरर के लिए लागू किया है, लेकिन यह तत्व की चौड़ाई में सीमा और पैडिंग के साथ जोड़ता है। ऐसा क्यों होता है?

समस्या क्या होनी चाहिए? कृपया मेरी मदद करें और मुझे परेशान करें।

नोट: मैं इंटरनेट Explorer8 और Windows7 परम

पृष्ठ कोड का उपयोग कर रहा:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MainPage.aspx.cs" Inherits="MainPage" %> 

<!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 runat="server"> 
<meta http-equiv="x-ua-compatible" content="IE=8"/> 

    <title></title> 
    <style type="text/css"> 
     * 
     { 
      box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */ 
      -ms-box-sizing: border-box; 
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
      } 
     body 
     { 
      background: lightblue; 
      color: #000000; 
      font-family: Trebuchet MS, Arial, Times New Roman; 
      font-size: 12px; 
     } 
     #header 
     { 
      background: #838283; 
      height: 200px; 
      width: 1200px; 
     } 
     #wrapper 
     { 
      background: #FFFFFF; 
      margin: 0px auto; 
      width: 1200px; 
      height: 1024px; 
     } 
     #navigation 
     { 
      background: #a2a2a2; 
      float: left; 


      margin: 0px 0px; 
      width: 1200px; 
      height: 25px; 
      padding: 3px; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div id="wrapper"> 
     <div id="header"> 
      <h1> 
       Header goes here</h1> 
      <br /> 
      <h2 style="font-size: 60px;"> 
       ST ERP by Shanti Technology</h2> 
     </div> 
     <div id="navigation"> 
     </div> 
    </div> 
    </form> 
</body> 
</html>

स्रोत

2012-07-23 Pritesh

सत्यापन त्रुटि अप्रासंगिक है - 'बॉक्स-साइजिंग' CSS3 का हिस्सा है, सीएसएस 2.1 नहीं। यदि आप वास्तव में सत्यापन के बारे में परवाह करते हैं, तो ध्यान दें कि उपसर्ग सीएसएस के किसी भी संस्करण के विरुद्ध मान्य नहीं होंगे। – BoltClock

क्या मैं सीएसएस का संस्करण बदल सकता हूं? – Pritesh

क्या आपने मेरा जवाब देखा? -एमएस-बॉक्स आकार: सीमा-बॉक्स; – Dipak

आईई 8 box-sizing के अपरिवर्तित संस्करण का समर्थन करता है, लेकिन सभी "नई" सीएसएस सुविधाओं के साथ ही यह मानक मोड में भी ऐसा करता है। -ms-box-sizing का उपयोग आईई के किसी भी संस्करण द्वारा कभी नहीं किया गया है।

सुनिश्चित करें कि आपके पृष्ठ में ब्राउज़र में मानक मोड को ट्रिगर करने के लिए एक डॉक्टरेट घोषणा है। आप भी अपनी बिना उपसर्ग box-sizing के बाद सभी उपसर्गों, नहीं से पहले उन्हें जगह चाहिए, और के रूप में यह वास्तव में जरूरत नहीं है -ms-box-sizing से छुटकारा पाने के।

स्रोत

2012-07-23 07:49:03 BoltClock

यह मेरे पृष्ठ पर घोषित कार्यप्रणाली है ==> – Pritesh

क्या मैं आपका पेज देख सकता हूं? इस मुद्दे के कारण कुछ और होना चाहिए। – BoltClock

कोड देखें ... और 'नेविगेशन' आईडी के लिए मैंने 'पैडिंग: 3 पीएक्स' लागू किया है, जो तत्व की चौड़ाई में जोड़ता है जिस पर मैंने 'नेविगेशन' आईडी लागू की है नोट: IE8 में यह समस्या। – Pritesh

बॉक्स आकार का समर्थन करता है IE8 +

आप here

देख सकते हैं

स्रोत

2012-07-23 07:48:06

आईई 8 तक नहीं, यह आईई 8 + –

या मेरा उत्तर का अर्थ था आईई 8 + वैसे भी thnks ......... –

मुझे निम्नलिखित त्रुटि मिली: - \t 'सत्यापन (सीएसएस 2.1): 'बॉक्स-साइजिंग' एक नहीं है ज्ञात सीएसएस संपत्ति का नाम '। – Pritesh

आप box-sizing: border-box; याद कर रहे हैं -

*{ 
    box-sizing: border-box; 

    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
}

आईई की आवश्यकता नहीं है विक्रेता विशिष्ट सीएसएस -ms-box-sizing: border-box; की जरूरत नहीं है

फिडल - http://jsfiddle.net/ctHh3/

स्रोत

2012-07-23 07:58:04 Dipak

IE8 + बॉक्स आकार का समर्थन करता है।

समर्थन:

Opera 8.5+ : box-sizing 
    Firefox 1+ : -moz-box-sizing (still prefixed, though some are pushing to have it unprefixed for [Firefox 29][2]). 
    Safari 3 : -webkit-box-sizing (unprefixed in modern versions) 
    IE8+  : box-sizing

Please review this jsFiddle

स्रोत

2012-07-23 07:59:29 RAN

मैंने 'IE8 +: बॉक्स-साइजिंग 'की कोशिश की है लेकिन यह – Pritesh

काम नहीं करता है, मैं आपके कोड में' बॉक्स-साइजिंग 'नहीं देख सकता। 'बॉक्स-आकार का उपयोग करें: सीमा-बॉक्स;' उसमें और पुनः प्रयास करें। – RAN

अपडेट किए गए कोड को दोबारा देखें ... – Pritesh

अपने पेज में इस डाल दिया, समस्या आप न्यूनतम-चौड़ाई या न्यूनतम ऊंचाई का उपयोग कर रहे साथ ही, बॉक्स तो

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

स्रोत

2015-02-28 03:42:00

हल -इजिंग IE8 (मानक मोड) में "सामग्री-बॉक्स" के रूप में फंस जाएगा, यानि सीमा-बॉक्स निर्दिष्ट करने से कोई प्रभाव नहीं पड़ेगा।

स्रोत

2015-04-16 13:48:08 Webdotnet

यह वह उत्तर है जो मेरी समस्या का समाधान करता है - मेरे तत्वों पर न्यूनतम ऊंचाई सीमा- IE8 में विफल होने के लिए बॉक्स। उम्मीद है कि इस उत्तर को निश्चित रूप से मतदान किया जाएगा क्योंकि यह अधिक महत्व के योग्य है (हम में से उन लोगों के लिए जो कम से कम आईई 8 समर्थन के साथ जुड़े हुए हैं ...) – PTD

बॉक्स आकार: आईई 8 के लिए सीमा-बॉक्स =>?

उत्तर

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