رأس CSS النقي إلى أدنى حد

Question

لديّ عنصر واجهة تحرير HTML أريد أن أظهر ضمن Div محدد بحجمه. ومع ذلك ، لا أعرف الحجم المطلق لـ Div مسبقًا ، وقد يتغير ، كما لو كان المستخدم يقيم النافذة.

المحرر ، بطبيعة الحال ، لديه عناصر التحكم ومنطقة قابلة للتحرير. كل لديه ديف الخاص بهم. أريد أن تشغل الضوابط مساحة أكبر قدر احتياجها ، والمنطقة القابلة للتحرير لملء بقية المساحة.

إذا استخدمت الجداول ، فهذا سهل للغاية لتحقيقه. أنا فقط أطفئ الحدود والحشوة والهوامش ، وأرمي كل div في خلية في صفها الخاص ، وربما يملأ مع Max-Leight على Controls Div. هذا ما يبدو عليه:

الجدول الأساسي http://img407.imageshack.us/img407/8435/table1.png

نفس الجدول مع نافذة تغيير حجمها بطريقة أخرى http://img264.imageshack.us/img264/6438/table2p.png

لاحظ أن القسم القابل للتحرير يشغل أكبر قدر ممكن من المساحة دون التسبب في ظهور أشرطة التمرير.

لقد قرأت مع أمثلة مختلفة من CSS ويبدو أن لا شيء يعمل دون تشغيل بعض JavaScript على تغيير حجمه لجعل Div قابل للتحرير هو ارتفاع الوالد ناقص ارتفاع الضوابط.

بالطبع ، يمكنني عرض الوالد Div عرض: Table و Divs الطفل ملفوف في العرض: Divs صف الجدول وأنفسهم عرض: الخلية الجدول ، ولكن ... حسنًا ... في هذه الحالة تمامًا مثل باستخدام الجدول ، TR ، و TD ، ولكن عشر مرات أكثر قبيحة من أجل نقاء CSS. (لماذا تهتم؟)

لذلك ، دون استخدام العرض مباشرة: Table & Friends ، ولا Table/Tr/TD ، ولا JavaScript ، هل هناك طريقة CSS نقية للقيام بذلك؟ وبعبارة أخرى ، هل هناك طريقة CSS نقية للقول ، Div1 ، تأخذ مساحة رأسية قليلة قدر الإمكان ، و Div2 ، تأخذ المساحة الرأسية المتبقية داخل العنصر الأصل؟

إذا لم يكن هناك ، فأنا مستعد تمامًا للتوقف عن الاشتراك في عقلية "CSS النقية". لقد تسبب لي ما يكفي من الحزن مع القليل من المطورين أو فائدة المستخدم النهائي.

Answer 1

لديك فقط العديد من الخيارات. إذا كنت تريد سلوكًا يشبه الجدول دون استخدام جدول ، فاستخدم العرض: الجدول واعط نفسك خيار تغيير عقلك لاحقًا. وبهذه الطريقة ، على الرغم من أن أقبية في الترميز (ذاتية) ، فهي أكثر منطقية بالنسبة لي: ستنتهي ببعض العناصر الإضافية ، لكنك لن يتم قفلها بتخطيط محدد.

إذا كنت لا تهتم بالارتياح ، فقم بسحب الزناد واستخدم جدولًا. سيكون هذا أسهل على المدى القصير.

سؤالي: إذا كنت لا تريد استخدام JavaScript ، فكيف ستنفذ عناصر تحكم المحرر الخاصة بك؟

Answer 2

يتحدث هذا السؤال عن مشكلة ، أرى الكثير من الأشخاص الذين يواجهونه مؤخرًا: طاعة قاعدة "استخدام الجداول فقط للبيانات الجدولية" ، أو مجرد استخدام الجداول وقم بعمل 1/3 العمل. حقيقة أن هذا هو القرار الصعب هو دليل على كيفية جاذبية المعايير التي أصبحنا جميعا. ننسى المعايير ، واستخدم الجداول ، والحصول عليها بشكل نظيف وببساطة. إذا كان لدى W3C مشكلة في ذلك ، فيمكنهم الشكوى مباشرة بعد إنشاء بديل أفضل.

Answer 3

بقدر ما أعرف استخدام النسبة المئوية للعرض/الارتفاع يجب أن يعمل بشكل جيد.

Answer 4

سأقوم بإجابة Perfect Day ، لكنني أطلب منك أن تشعر بالجنون وأن أحاول وصف ما تريد أن تبدو عليه. ربما مع ASCII-art أو رابط برسم ، لذلك نحن نعرف التصميم الذي ترغب في مساعدتك في تحقيقه.

أود أيضًا أن أضيف أنني لم أكن أنام (مرة أخرى) مؤخرًا ، لذا ... إذا فاتني وصفًا واضحًا للغاية لما تريد منا مساعدتك في تحقيقك ، فإن لدي اعتذاري أكثر صدقًا. قون