تصميم ويب بثلاثة أعمدة بجوانب متغيرة

Question

لقد كنت أحاول التوصل إلى طريقة لإنشاء تصميم ويب مكون من 3 أعمدة حيث يكون العمود الأوسط بعرض ثابت ويتم توسيطه دائمًا.الأعمدة الموجودة على اليسار واليمين متغيرة.وهذا أمر تافه في الجداول، ولكنه غير صحيح لغويا.لم أتمكن من تشغيل هذا بشكل صحيح في جميع المتصفحات الحالية.أي نصائح حول هذا؟

Answer 1

يستخدم هذه التقنية, ، وقم ببساطة بتحديد عرض ثابت للعمود الأوسط.

Answer 2

تحقق من هذا: http://www.glish.com/css/2.asp

واستبدل العرض:xx% لـ #المركز_الرئيسي بقيمة ثابتة.يبدو أنه يعمل عندما أقوم بتغييره باستخدام Firebug، هل يستحق المحاولة؟

#maincenter {
    width: 200px;
    float:left;
    background:#fff;
    padding-bottom:10px;
    }

Answer 3

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

عرض الشريط الجانبي = (عرض النافذة - عرض العمود الأوسط) / 2

يمكنك بعد ذلك إعادة تطبيق جافا سكريبت إذا تم تغيير حجم النافذة.

Answer 4

هذه المقالة في قائمة وبصرف النظر لديه حل ينتج عنه تخطيط مكون من 3 أعمدة من شأنه:

• أن يكون لديك مركز مرن مع أشرطة جانبية ذات عرض ثابت،

• السماح للعمود الأوسط بالظهور أولاً في المصدر،

• السماح لأي عمود بأن يكون الأطول،

• تتطلب قسمًا إضافيًا واحدًا فقط من العلامات، و

• تتطلب CSS بسيطًا جدًا، مع الحد الأدنى من التصحيحات.