আমার খ্যাতি কমেন্ট হিসাবে যথেষ্ট হিসাবে একটি উত্তর দেওয়া। তবে এটিকে উত্তর হিসাবে দেখুন না, কেবল নিজের মতো অতিরিক্ত তথ্য, পাদলেখ এবং অবস্থান উভয় ক্ষেত্রেই কিছু সমস্যা ছিল।
পৃষ্ঠাটি সেট আপ করার সময়, যাতে আমার পাদচরণ সর্বদা নীচে থাকে, অবস্থানের নিখুঁত এবং মূল পাত্রে / মোড়কটি আপেক্ষিক অবস্থানের সাথে থাকে।
এরপরে আমি আমার পাঠ্য সামগ্রীর সাথে কিছু সমস্যা এবং একই সামগ্রীর অভ্যন্তরে একটি মেনু (শিরোনাম এবং পাদচরণের মধ্যে পৃষ্ঠার সাদা অংশ) খুঁজে পেয়েছি, যখন এগুলিকে পরম স্থির করে রাখছি, পাদলেখ আর আর স্থির থাকে না।
পোস্টিশনিশন হ'ল, আপনি যেমন একটি জটিল থিম বলেছেন।
আমার সমাধানটি, আমার ওয়েবপৃষ্ঠায় আমি 'নিখুঁত' পজিটনে থাকা সামগ্রীতে, এবং পাশের দিকে ধাক্কা দেওয়া হবে না, উদাহরণস্বরূপ যখন একটি ড্রপ ডাউন মেনু খোলার সময়, এটি আসলে পোস্টটি আপেক্ষিক দেওয়া ছিল, এবং আমার ড্রপ ডাউন থেকে 35 ম নীচে রেখেছিল তালিকা. (35 মিমি আমার ড্রপডাউন মেনুর উচ্চতা, সম্পূর্ণরূপে প্রসারিত হলে)
তারপরে, শীর্ষ: -35 এমএম, আগে যেদিকে ধাক্কা দেওয়া হয়েছিল সেই সামগ্রীর জন্য। এবং তারপরে মার্জিন-নীচে যুক্ত করুন: -35 এম। এইভাবে, সামগ্রীটি আমার ড্রপ ডাউন মেনুটির "নীচে" রয়েছে, তবে দৃশ্যত এটি আমার ড্রপ ডাউন মেনুটির পাশাপাশি রয়েছে! এবং পাদলেখের নীচে সাদা স্থানটি কেবল 10 মিমি মার্জিনের সাথে রয়েছে, এটি এটিকে ঘিরে খেলা শুরু করার আগে যেমন ছিল। সুতরাং এটির জন্য আমার সমাধানটি এরকম ছিল:
html, body {
margin:0;
padding:0;
height:100%;
}
h1 {
margin:0;
}
#webpage {
position:relative;
min-height:100%;
margin:0;
overflow:auto;
}
#header {
height:5em;
width:100%;
padding:0;
margin:0;
}
#text {
position:relative;
margin-bottom:-32em;
padding-top:2em;
padding-right:2em;
padding-bottom:10em;
background-repeat:no-repeat;
width:70%;
padding-left:auto;
margin-left:auto;
margin-right:auto;
right:10em;
float:right;
top:-32em;
}
#dropdown {
position:absolute;
left:0;
width:20%;
clear:both;
display:block;
position:relative;
top:1em;
height:35em;
}
#footer {
position:absolute;
width:100%;
right:0;
bottom:0;
height:5em;
margin:0;
margin-top:5em;
}
আমি দেখতে পাচ্ছি যে আপনার প্রশ্নের উত্তরের উত্তর দেওয়া হয়েছে, তবে অনেক সমস্যার পরেও আমি এটি দেখতে পেয়েছি যে এটি একটি খুব ভাল সমাধান এবং পজিশনিং কীভাবে কাজ করে তা আরও ভালভাবে বোঝার উপায় I যখন আমি আমার পাঠ্য সামগ্রীটি আমার ড্রপ ডাউন মেনুর নীচে রাখি তখন তা হয় না ' আমার পাঠ্যটি টিপুন আমি যদি পাঠ্যটিকে স্থিতিতে স্থিতিতে পরিবর্তন করি তবে পাদলেখ স্থানে থাকে না। যেহেতু আমি বিশ্বাস করতে পারি এটি আমার পক্ষে আরও বেশি লোকের জন্য সমস্যা, আমি এটি এখানে যুক্ত করছি। আসলে কী সুখ হয়, আমি কি টেক্সটটি রাখি, 35 সেমি, আমার ড্রপ ডাউন এর নীচে?
তারপরে, আমি দৃশ্যত এটিকে একে অপরের নিকটে রেখেছি, আপেক্ষিক অবস্থান এবং শীর্ষের সাথে: -35 এমএম;, এবং সন্ধ্যায় নীচে বিশাল স্থানটি, মার্জিন সহ: -35 এম;
নেতিবাচক মানগুলি মাঝে মাঝে অবমূল্যায়ন করা হয়, খুব ভাল কার্যকারিতা, যখন কেউ এই অবস্থানগুলি আরও ভাল করে বুঝতে পারে!
নাটকীয়ভাবে, স্থিত অবস্থানটিও আমার পাদচরণের জন্য যুক্তিযুক্ত মনে হয়েছিল, তবে আমি পাঠ্য বা সামগ্রীগুলি ভিউপোর্টের চেয়ে দীর্ঘতর হতে চাইলে আমি অবশ্যই পাদচরণটি ভিউপোর্টের নীচে যেতে চাই। এবং নীচে থাকার জন্য, পৃষ্ঠাটিতে খুব কম সামগ্রী থাকলে।
এই সেটআপটি খুব সুন্দরভাবে ঠিক করেছে এবং আরও তরল / গতিশীল পৃষ্ঠা বিন্যাসের জন্য 'পিএক্স' নয়, 'এম' ব্যবহার করতে মনে রাখে! :)
(আরও ভাল সমাধান হতে পারে, তবে এটি আমার পক্ষে ক্রস প্ল্যাটফর্মগুলির পাশাপাশি ডিভাইসগুলির জন্য কাজ করে)।
