CSS يطفو مع عرض غير معروف لا يلف المسافة بيضاء مع doctype

Question

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

http://corexii.com/floatproblem/float.html.

إضافة عرض: مضمنة الجدول؛ والأربطة الكبرى يلف المحتوى الخاص به (باستمرار عبر المتصفحات):

http://corexii.com/floatproblem/table.html.

ولكن إدخال doctype (وليس صارمة فقط، أي doctype) وليس بعد الآن في فايرفوكس:

http://corexii.com/floatproblem/doctype.html.

كيف أحصل على DIV الصحيح لفرض محتواها أثناء استخدام DocTyPe في نفس الوقت، موثوق عبر المتصفحات؟

Answer 1

كيف أحصل على DIV الصحيح لفرض محتواها أثناء استخدام DocTyPe في نفس الوقت، موثوق عبر المتصفحات؟

دون تحديد العروض، لا تستطيع. وبعد أود أن أوصى النسبة المئوية بعرضات في هذه الحالة، لكن الأمر متروك لك.

العرض الافتراضي للحم هو 100٪ من حاوية (في هذه الحالة الصفحة). سيقوم DIP الأول في إنهاء الحجم الفعلي ما لم يكن حجم الصفحة ليكون أصغر أن عرضه الكامن. تتوقع متصفحات Accross المتسابق بدون DocType الكامل والصحوصلة هي مجرد تمرين في العقيق.

Answer 2

لا يمكن ل CSS أن تفعل كل ما يمكن أن تخطيطات الطاولة. بالنسبة لتخطيطات العرض الديناميكي أكثر تعقيدا. لا تزال تخطيطات أقل الجدول مفضلة ل 98٪ من الحالات، ولكن إذا كنت بحاجة حقا إلى هذا النوع من تخطيط العرض الديناميكي، فقد تضطر إلى استخدام جدول.

عرض غير متناسق، إن لم يكن متناسبا بعناية، ليست جيدة جدا من وجهة نظر جمالية حتى تتمكن من إصلاح المشكلة الخاطئة.

Answer 3

يمكنك أن تبدأ من خلال بما في ذلك BODY عنصر.

أعطاك Traingamer شرحا لسلوك فايرفوكس وما يجب القيام به للحصول على النتيجة المرجوة. قد تستمع إليه بدلا من الانتقال إلى الظل حول CSS من المستحيل إنشاء تخطيطات مع.

لا يلوم CSS للمشاكل التي أنت تقدم من خلال عدم الالتزام بتصحيح مواصفات الويب.