ফোরাম

ডিভ উপাদান অবশিষ্ট উল্লম্ব স্থান পূরণ? (সিএসএস)

ফ্লয়েড

আসল পোস্টার
7 এপ্রিল, 2005
মন্টেরে মেক্সিকো
  • 27 মার্চ, 2006
এটা কি সম্ভব?
আমার দুটি ডিভ আছে। একটির একটি নির্দিষ্ট উচ্চতা রয়েছে এবং আমি চাই অন্যটি উইন্ডোতে অবশিষ্ট উল্লম্ব স্থান পূরণ করুক। যদি আমি পরবর্তী ডিভের উচ্চতা 100% সেট করি, তাহলে এটি উইন্ডোটির উচ্চতার সমান হবে, কিন্তু আমি চাই এটি উইন্ডোটির উচ্চতা প্রথম ডিভের উচ্চতা বিয়োগ করুক।

এই কোড আমি ব্যবহার করছি:
কোড: |_+_|
আমি কিছু চিত্রও অন্তর্ভুক্ত করেছি যা দেখায় যে আমি কী করতে চাই এবং আমি এখন পর্যন্ত কী করতে পেরেছি। আগাম ধন্যবাদ

সংযুক্তি

  • xa.gif xa.gif'file-meta'> 2.6 KB · ভিউ: 10,076
  • xb.gif xb.gif'file-meta'> 3 KB · ভিউ: 9,950
এন

NoNameBrand

নভেম্বর 17, 2005


হ্যালিফ্যাক্স, কানাডা
  • 27 মার্চ, 2006
২য় এর ভিতরে ১ম বাসা বাঁধে না কেন?

অন্যথায়, আপনি যা চান তা পাবেন এমন একটি উপায় আমি ভাবতে পারি না।

stevep

13 অক্টোবর, 2004
যুক্তরাজ্য
  • 27 মার্চ, 2006
আমি মনে করি এটি হতে পারে যে আপনি দ্বিতীয় স্তরটিকে কোথায় শুরু করতে হবে তা বলছেন না, তাই ধরে নেওয়া হচ্ছে এটি উপরের থেকে শুরু হয়েছে, তাই প্রথম স্তরটিকে ওভারল্যাপ করছে।
চেষ্টা করুন:




শিরোনামহীন দস্তাবেজ










প্রতি










d


এবং







ps আমি DW-তে এটি করে প্রতারণা করেছি, দ্বিতীয় স্তরে কিছু বিষয়বস্তু যোগ করেছি, এবং তারপর কোডের সাথে তালগোল পাকিয়েছি - DW পছন্দ করে যে প্রান্তে কিছু প্যাডিং আছে এবং যদিও আপনি ডায়ালগগুলিতে নির্দিষ্ট করতে পারেন যা আপনি একটি স্তর করতে চান উপরের কোণ থেকে 0px এ শুরু করুন, আপনাকে কোড ভিউ ব্যবহার করে এটি দুবার বলতে হবে। আমি যাইহোক ছিল.

ফ্লয়েড

আসল পোস্টার
7 এপ্রিল, 2005
মন্টেরে মেক্সিকো
  • 27 মার্চ, 2006
NoNameBrand বলেছেন: ১ম কে ২য় এর ভিতরে নেস্ট করেন না কেন?

অন্যথায়, আপনি যা চান তা পাবেন এমন একটি উপায় আমি ভাবতে পারি না।

ধন্যবাদ, এটি দৃশ্যত কাজ করে, কিন্তু দ্বিতীয় ডিভটি এই লেআউটের জন্য একটি ধারক হবে, তাই আমার এখনও এটির সঠিক মাত্রা থাকা দরকার যাতে এর বিষয়বস্তুগুলি তাদের উত্তরাধিকার সূত্রে পেতে পারে।

তাই হয়তো এটা সম্ভব নয়? সম্ভবত এটি কাজ করতে আমি একটু জাভাস্ক্রিপ্ট ব্যবহার করতে হবে?

স্টিভ বলেছেন: চেষ্টা করুন:
ধন্যবাদ, কিন্তু আমি এটা কাজ করতে পারিনি, আপনি কোন ব্রাউজার ব্যবহার করেছেন?

ফ্লয়েড

আসল পোস্টার
7 এপ্রিল, 2005
মন্টেরে মেক্সিকো
  • 27 মার্চ, 2006
জিনিসের গ্র্যান্ড স্কিম

ঠিক আছে এখানে আমার চূড়ান্ত লক্ষ্যের একটি ছবি। এখন পর্যন্ত আমি এটি ধীরে ধীরে করছি, তাই সম্ভবত সমস্যাটি আমার প্রাথমিক পদ্ধতির। তাহলে আপনি কীভাবে এটির সাথে যোগাযোগ করবেন (আমার কেবল ধারণা দরকার)? আপনি কি বিশুদ্ধ CSS ব্যবহার করবেন, নাকি আপনি টেবিল বা ফ্রেমে দেবেন?

সংযুক্তি

  • grand_scheme.gif grand_scheme.gif'file-meta'> 40.2 KB · ভিউ: 450

stevep

13 অক্টোবর, 2004
যুক্তরাজ্য
  • 27 মার্চ, 2006
আমি সাফারি ব্যবহার করেছি। কোডের অংশটি একটি পাঠ্য ফাইলে অনুলিপি করুন এবং পেস্ট করুন - আপনি এটি সংরক্ষণ করার সময় এটিতে .html প্রত্যয় রয়েছে তা নিশ্চিত করুন৷ তারপরে নতুন ফাইলটিকে একটি খোলা ব্রাউজার উইন্ডোতে টেনে আনুন। ফায়ারফক্সের সাথে এটি পরীক্ষা করা হয়েছে এবং এটি ঠিক আছে - অন্তত আমি মনে করি আপনি যা চান তা।
আপনাকে যে বিটটি নিয়ে খেলতে হবে তা হল:
# স্তর1 {
অবস্থান: পরম;
বাম: 0px;
শীর্ষ:0px;
প্রস্থ: 100%;
উচ্চতা: 180px;
z-সূচক: 1;
ব্যাকগ্রাউন্ড-রঙ: #99CCFF;
}

আপনার পৃষ্ঠাটি কাগজের টুকরোতে রুক্ষ করুন যাতে আপনি অবস্থানগুলি সঠিকভাবে পেতে পারেন এবং এটি আপনাকে প্রতিটি স্তরের উপরের LH কোণার অবস্থান দেবে। লেয়ার 1-এর উচ্চতা লেয়ার 2-এর শুরুর অবস্থান নির্ধারণ করবে - এই ক্ষেত্রে লেয়ার 2-এ একটি থাকতে হবেশীর্ষ:180px;কোড লাইন।
আপনি যদি আপনার শেষ পোস্টে দেখানো 3টি স্তর চান, তাহলে বাম সর্বাধিক স্তরটি হবে:
# স্তর1 {
অবস্থান: পরম;
বাম: 0px;
শীর্ষ:0px;
প্রস্থ: 200px;
উচ্চতা: 100%;
z-সূচক: 1;
ব্যাকগ্রাউন্ড-রঙ: #336699;
}

এবং উপরের RH স্তর হবে:
# স্তর1 {
অবস্থান: পরম;
বাম: 200px;
শীর্ষ:0px;
প্রস্থ: 100%;
উচ্চতা: 180px;
z-সূচক: 2;
ব্যাকগ্রাউন্ড-রঙ: #33CCFF;
}

এবং উইন্ডোর অবশিষ্ট অংশ পূরণ করার জন্য 3য় স্তরটি (তবে এটি পুনরায় আকার দেওয়া হয়েছে) এমন কিছু হওয়া উচিত:
# স্তর1 {
অবস্থান: পরম;
বাম: 200px;
শীর্ষ:180px;
প্রস্থ: 100%;
উচ্চতা: 100%;
z-সূচক: 3;
ব্যাকগ্রাউন্ড-রঙ: #99CCFF;
}

আপনি যদি Dreamweaver ব্যবহার করেন তাহলে প্রতিটি লেয়ারে কিছু ডামি কন্টেন্ট রাখা সবচেয়ে ভালো, যদি লেয়ারটি পেজ ভিউতে সঙ্কুচিত না হয়, তাই উপরের মূল html এ 'a,b,c ইত্যাদি'।

ps আমি একজন বিশেষজ্ঞ নই, আমি ভুল হতে পারি কিন্তু আমি আশা করি এটি সাহায্য করবে। আমি কি বলতে পারি যে আমার প্রথম বিট কোড কাজ করে বলে মনে হচ্ছে। যদি আমি কিছুটা সাহায্য করতে পারি তবে আমি ব্যক্তিগতভাবে স্তরগুলি নেস্ট করব না, তবে এটি কেবল আমিই - আমি কেবল সহজ করি। এন

NoNameBrand

নভেম্বর 17, 2005
হ্যালিফ্যাক্স, কানাডা
  • 27 মার্চ, 2006
এই 'স্তর' জিনিস কি? 'ব্রেক স্টাফ বাস্তব-ভাল' জন্য যে Dreamweaver-esque?

আমি যা করব তা এখানে:
কোড:
foo   

তুমি বিশ্বাস কর!

জুন 14, 2003
এমডি/ভিএ/ডিসি
  • 27 মার্চ, 2006
ডিকনসেপ্ট...

FlashObject চেক আউট করুন এবং ডাউনলোডে একটি div পূর্ণস্ক্রীন তৈরি করার জন্য কোড আছে.. হয়ত আপনি এটি কিভাবে চান তা উপযোগী করা যেতে পারে।

http://blog.deconcept.com/flashobject/

ফ্লয়েড

আসল পোস্টার
7 এপ্রিল, 2005
মন্টেরে মেক্সিকো
  • 28 মার্চ, 2006
সমস্ত সাহায্যের জন্য ধন্যবাদ, কিন্তু আমি বুঝতে পেরেছি যে আমি যে সঠিক বিন্যাসটি চাই তা নির্দিষ্ট প্রস্থ/উচ্চতা এবং শতাংশের সংমিশ্রণে অর্জন করা অসম্ভব। আমি শুধুমাত্র শতাংশ ব্যবহার করে এটি পুনরায় লিখেছি এবং এখন এটি কাজ করে। আপনি যদি মার্কআপে আগ্রহী হন তবে আমাকে জানান এবং আমি এটি পোস্ট করব।

stevep

13 অক্টোবর, 2004
যুক্তরাজ্য
  • 28 মার্চ, 2006
ফ্লয়েড বলেছেন: আপনি যদি মার্কআপে আগ্রহী হন তবে আমাকে জানান এবং আমি এটি পোস্ট করব।
আপনি যদি আবার পোস্ট করার সময় পান তবে আমি দেখতে চাই।
NoNameBrand বলেছেন: এই 'স্তর' জিনিসটা কি? 'ব্রেক স্টাফ বাস্তব-ভাল' জন্য যে Dreamweaver-esque?
ঠিক আছে, আমি 'ব্রেকিং স্টাফ' সম্পর্কে জানি না কিন্তু আমার ধারণা আপনি অনুমান করেছেন যে আমি সিএসএস বফ নই - স্তরগুলি হল ডিডব্লিউ দ্বারা দেওয়া একটি সুবিধাজনক নাম যা আমি মনে করি 'সিএসএস অবস্থানগত উপাদান' বলা উচিত - এবং আমি মনে করি তারা তাদের বলে যে আমার মতো লোকেদের ডিটিপি/ফটোশপ ব্যাকগ্রাউন্ড থেকে একটু বেশি স্বাচ্ছন্দ্য বোধ করার জন্য। আপনি আপনার পোস্টে NoNameBrand যে কোডটি অন্তর্ভুক্ত করেছেন তা দেখে এটি আমার চেয়ে অনেক বেশি মার্জিত - আমাকে সত্যিই আমার মাথা ডিভ ট্যাগের দিকে নিয়ে যাওয়ার জন্য একটি ছুরিকাঘাত করতে হবে। OP এবং উত্তরের জন্য ধন্যবাদ। এন

NoNameBrand

নভেম্বর 17, 2005
হ্যালিফ্যাক্স, কানাডা
  • 28 মার্চ, 2006
স্টিভেপ বলেছেন: ঠিক আছে, আমি 'ব্রেকিং স্টাফ' সম্পর্কে জানি না তবে আমার ধারণা আপনি অনুমান করেছেন যে আমি একজন সিএসএস বফ নই - স্তরগুলি হল ডিডব্লিউ দ্বারা দেওয়া একটি সুবিধাজনক নাম যেগুলিকে আমি মনে করি 'সিএসএস অবস্থানগত উপাদান' বলা উচিত '

তারা তাদের উপর স্ট্যাকিং z-সূচী ছিল - যা একটি পৃষ্ঠায় সামনে থেকে পিছনে জিনিস অবস্থান. আমি ডিডাব্লু স্তরগুলি দেখেছি এর আগে একটি সাইট সম্পূর্ণভাবে ভেঙে গেছে, তবে অন্যথায় সেগুলির সাথে খুব বেশি এক্সপোজার হয়নি (এটি যথেষ্ট ছিল, সত্যিই)।

আমি সত্যিই আমার মাথা বৃত্তাকার div ট্যাগ পেয়ে একটি ছুরি থাকতে হবে.

A শুধুমাত্র একটি নির্বিচারে ব্লক - এটি শব্দার্থগতভাবে কিছু বোঝায় না, যেভাবে a

করে (পাঠ্যের একটি অনুচ্ছেদ)। কএকই ধারণা, কিন্তু ইনলাইন জিনিসগুলির জন্য (যেমন a ট্যাগ, কিন্তু আবার, শব্দার্থ মুক্ত)।

এই জিনিসটি শিখতে সবচেয়ে সহজ কাজ হল Dreamweaver ব্যবহার করা বন্ধ করা। আমি ফটোশপে আমার সাইটগুলি ডিজাইন করি এবং তারপরে সারিবদ্ধকরণের উদ্দেশ্যে রঙের কোড এবং কিছু মোটামুটি পিক্সেল পরিমাপ লেখার সাথে সাথে আমি যে গ্রাফিকাল উপাদানগুলি চাই সেগুলি সংরক্ষণ করি এবং তারপরে আমি টেক্সট র্যাংলার বা ভিআইএম-এ সাইটটিকে কোড করি৷

ফ্লয়েড

আসল পোস্টার
7 এপ্রিল, 2005
মন্টেরে মেক্সিকো
  • 28 মার্চ, 2006
স্টিভেপ বলেছেন: আপনি যদি আবার পোস্ট করার সময় পান তবে আমি দেখতে চাই।
এটি এখানে, সেখানে কিছুটা স্প্যানিশ আছে, আমি আশা করি এটি খুব বিভ্রান্তিকর নয়:

কোড:
গ্র্যান্ড স্কিম html { উচ্চতা: 100%; } বডি { মার্জিন: 0; প্যাডিং: 0; উচ্চতা: 100%; প্রস্থ: 100%; } #বাম, #ডান { ভাসা: বাম; } #বাম {উচ্চতা:100%; ব্যাকগ্রাউন্ড-রঙ: কমলা; প্রস্থ: 10%; } #ডান {উচ্চতা: 100%; অবস্থান: আপেক্ষিক; প্রস্থ: 90%; } #টপ {পটভূমির রঙ: নীল; উচ্চতা: 10%; } #ফটো { অবস্থান: আপেক্ষিক; উচ্চতা: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der { উচ্চতা: 50%; প্রস্থ: 50%; overflow: স্বয়ংক্রিয়; অবস্থান: পরম; } #foto_sup_izq, #foto_sup_der { শীর্ষ: 0; } #foto_sup_der, #foto_inf_der { বাম: ৫০%; } #foto_inf_izq, #foto_inf_der { শীর্ষ: 50%; } img/forums/80/making-div-element-fill-remaining-vertical-space-4.jpg 

সংযুক্তি

  • img/forums/80/making-div-element-fill-remaining-vertical-space-4.jpg'file-meta'> 36.3 KB · ভিউ: 405