ইন্টারনেট এক্সপ্লোরার 7 এ সম্পূর্ণ অবস্থানযুক্ত পিতামাত্রে শতকরা প্রস্থের শিশুদের উপাদান element

Question

আমার divবেশ কয়েকটি বাচ্চাদের সমন্বিত একদম অবস্থান রয়েছে যার মধ্যে একটি তুলনামূলকভাবে অবস্থানযুক্ত div। আমি যখন percentage-based widthসন্তানের উপর একটি ব্যবহার করি তখন এটি আই 7 এ divপতিত হয় 0 widthতবে ফায়ারফক্স বা সাফারিতে নয়।

আমি যদি ব্যবহার করি pixel width, এটি কাজ করে। যদি পিতামাতার তুলনামূলকভাবে অবস্থান থাকে তবে সন্তানের উপর শতাংশের প্রস্থ কাজ করে।

1. আমি এখানে কি অনুপস্থিত কিছু আছে?
2. pixel-based widthসন্তানের উপরের পাশাপাশি এটির জন্য কি কোনও সহজ সমাধান আছে ?
3. সিএসএস স্পেসিফিকেশনের এমন কোনও অঞ্চল রয়েছে যা এটি কভার করে?

Answer 1

পিতামাতার divএকটি সংজ্ঞা দেওয়া দরকার width, হয় পিক্সেল বা শতাংশ হিসাবে। ইন্টারনেট এক্সপ্লোরার 7 এ, সন্তানের শতাংশের সঠিকভাবে কাজ করার জন্য পিতামাতার divএকটি সংজ্ঞায়িত প্রয়োজন ।widthdiv

Answer 2

এখানে কিছু নমুনা কোড। আমি মনে করি এটিই আপনি খুঁজছেন। নিম্নলিখিতগুলি ফায়ারফক্স 3 (ম্যাক) এবং আই 7 তে ঠিক একইরূপে প্রদর্শিত হবে।

#absdiv {
  position: absolute; 
  left: 100px; 
  top: 100px; 
  width: 80%; 
  height: 60%; 
  background: #999;
}

#pctchild {
  width: 60%; 
  height: 40%; 
  background: #CCC;
}

#reldiv {
  position: relative;
  left: 20px;
  top: 20px;
  height: 25px;
  width: 40%;
  background: red;
}

<div id="absdiv">
    <div id="reldiv"></div>
    <div id="pctchild"></div>
</div>

Answer 3

8 এর পূর্বে IE এর বাক্স মডেলের একটি অস্থায়ী দিক রয়েছে যা উল্লেখযোগ্যভাবে শতাংশ-ভিত্তিক প্রস্থের সাথে সমস্যা তৈরি করে। আপনার ক্ষেত্রে এখানে সম্পূর্ণরূপে divডিফল্টরূপে অবস্থিত কোনও প্রস্থ নেই। এর প্রস্থটি এর সামগ্রীর পিক্সেল প্রস্থের ভিত্তিতে কাজ করা হবে এবং সামগ্রীগুলি রেন্ডার করার পরে গণনা করা হবে। সুতরাং এই মুহুর্তে, IE এর মুখোমুখি হয় এবং আপনার তুলনামূলকভাবে অবস্থানের স্থান দেয় divযার পিতামাতার 0 প্রস্থ রয়েছে সুতরাং এটি নিজেই কেন 0 টি হয়ে যায়।

আপনি যদি প্রচুর পরিশ্রমী উদাহরণের সাথে আরও গভীরতর আলোচনা করতে চান তবে এখানে একটি বিভ্রান্তি রয়েছে ।

Answer 4

আইই in তে সম্পূর্ণ অবস্থানযুক্ত পিতামাতার শতাংশ প্রস্থের শিশু কেন কাজ করে না?

কারণ এটি ইন্টারনেট এক্সপ্লোরার

আমি এখানে কি অনুপস্থিত কিছু আছে?

এটি হ'ল আপনার সহকর্মী / ক্লায়েন্টদের সচেতনতা বাড়াতে যা আই.আই.

সন্তানের উপর পিক্সেল-ভিত্তিক প্রস্থের পাশাপাশি কোনও সহজ ফিক্স রয়েছে?

ব্যবহারের emইউনিট হিসাবে তারা আরো দরকারী যখন তরল লেআউট তৈরি হিসাবে আপনি ফন্টের মাপ হিসাবে ভাল প্যাডিং এবং মার্জিন তাদের ব্যবহার করতে পারেন। সুতরাং আপনার সাদা স্থানটি বাড়িয়ে তুলতে হবে এবং আনুপাতিকভাবে আপনার পাঠ্যের সংকোচন হয় যদি এটির পুনঃনির্মাণ করা হয় (যা সত্যই আপনার প্রয়োজন হয়)। আমি মনে করি না শতাংশ শতাংশ ইএমএসের চেয়ে আরও ভাল নিয়ন্ত্রণ দেয়; আপনাকে শতভাগ ইএমএস (0.01 এমএম) এ নির্দিষ্ট করা বন্ধ করার মতো কিছুই নেই এবং ব্রাউজারটি উপযুক্ত হিসাবে এটি ব্যাখ্যা করবে।

সিএসএস স্পেসিফিকেশনের এমন কোনও অঞ্চল রয়েছে যা এটি কভার করে?

কিছুই নয়, যতক্ষণ না আমি মনে করি em's এবং%' গুলি ফন্টের আকারের জন্য সিএসএস 1.0 এ ফিরে আসা হয়েছিল।

Answer 5

আমি মনে করি hasLayoutপুরানো ব্রাউজারে সম্পত্তিটি যেভাবে প্রয়োগ করা হয়েছে তার সাথে এটির কিছু একটা রয়েছে ।

আপনি কি আইই 8 তে আপনার কোডটি চেষ্টা করে দেখেছেন যে সেখানে কাজ করে কিনা? আইই 8 এর একটি ডিবাগার ( F12) রয়েছে এবং এটি আই 7 মোডেও চলতে পারে।

Answer 6

divচাহিদা একটি নির্ধারিত প্রস্থ আছে:

<div id="parent" style="width:230px;">
    <div id="child1"></div>
    <div id="child2"></div>
</div>