مشكلة في العناصر اسفل الصفحة

السلام عليكم ورحمة الله وبركاته
تحية طيبة للجميع
سؤالي هو : قمت بالعمل على وضع العناصر اسفل الصفحة ولكن تواجهني بعض المشاكل وهي بأن العناصر تأتي على يسار الصفخة وليس أسفل
واستعنت بهذا الموضوع
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث
https://help.ahlamontada.com/t453781-topic

لكن بدون جدوى
وهذا صور للتوضيح
هذه العناصر مشكلة في العناصر اسفل الصفحة JPLXPZ

وهذا شكل المنتدى
مشكلة في العناصر اسفل الصفحة IpaDLl

تحياتي لكم

من طرف stones الأحد 21 سبتمبر 2014 - 9:37

مرحبا
نعم يحدث هذا حسب نسخة المنتدى
جرب وضع العناصر على يمين المنتدى

على اليمين تعمل بشكل جيد
يعنى بذلك لا استطيع عملها في الاسفل
علماُ بأن نسخة منتداي هي phpBB 2

وعليكم السلام ورحم الله وبركاته

ممكن صوره من اعدادات العناصر المستقله لك bounce

تفضل أخي .. اتمنى أن تفيدني
مشكلة في العناصر اسفل الصفحة OCbkm1

للاسف في بعض المنتديات
يرفض الكود يقوم بعمله الصحيح
وبذلك لاتضبط معك وضع العناصر
في المكان المحدد ضعها مكان ماتظهر لك
اذا حبيت ذلك

قبل كل شىء بعد اذن فريق المساعدة

لانى احب اضيف شىء بسيط جدا وبحسب تجاربى النسخ الوحيدة التى تحدث مشاكل باسلوب العناصر اسفل او اعلى الصفحات تكون المنتديات التى تم انشائها من الاصل باللغة الانجليزية لانه عامودين العناصر بيكونو العكس بخلاف المنتديات العربية واخيرا وليس اخرا لم ارى حتى الان نسخة لم تعمل عليه الطريقة التاليه

الشرح الحصرى لا تجدة الاى على المنتدى المميز
الشرح تم تجميعه من اماكن عدة حتى يكتمل الى الشكل النهائى
اولا الطريقة لوضع العناصر اعلى او اسفل المنتدى للنسخة
لجميع النسخ الموجودة على احلى منتدى
نبدا اولا بالنسخة الثانية
PHPBB2
فى حالة اسفل المنتدى
لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية
ثم قم بتفعيل العناصر المستقله على الرئيسيه

اجعل العمود الايسر 180
فى حالة وضع العناصر اسفل الصفحات
اجعل عنصر مستقلا وضع به الكود التالى

الكود:: [b]</td> </tr> </tbody> [/b][b] </table>[/b]

ضع العناصر التى تريدها اسفل هذا العنصر
ــــــــــــــــــــــــــــــــــــــــــ
اما فى حالة وضع العناصر اعلى الصفحات
اضف عنصر جديد وضع به الكود التالى

الكود:: [b] </td></tr></table> </div></td></tr></table> <style> .bodylinewidth, #content-container #left { margin-bottom: auto; margin-left: auto; margin-right: auto; margin-top: auto; width: 95%; } </style> <table class="bodylinewidth" width="90%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td> <table cellpadding="0" cellspacing="0" width="95%" class="three-col"><tr><td > <div>[/b]

وضع العناصر فوقه
المثال موجود على موقعنا
ـــــــــــــــــــــــــــــــــــــــــ
فى حالة وجود مساقة الى اليمين
اضف كود CSS

الكود:: [b] #right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right;[/b]

ـــــــــــــــــــــــ انتهى جزىء النسخة الثانية ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
اما الشرح التالى فهو خاص بالنسخ
PHPBB3
Invision
PUNBB
فقط اضف الكود التالى الى صفحة
CSS

الكود:: [b] /* بداية كود جعل العناصر اسفل او اعلى المنتدى */ #content-container div#container { width: auto; float: none; margin-left: auto; } #content-container div#main { margin-right: auto; margin-bottom: auto; } #content-container div#left { width: auto; float: none; margin-left: auto; } #content-container div#right { width: auto; float: none; margin-left: auto; } #main { width: 990px; } #gfooter { width: 990px; } #logostrip { width: 990px; } #submenu { width: 990px; } #userlinks { width: 935px; } /* مايكل سوفت */[/b]

اما عن طريقة
التحكم بعناصرك تكون كما بتلك الصورةالشرح ينطبق على النسخة الثانية ايضا استخدم الجزىء الايمن لوضع العناصر اعلى الصفحة والايسر اسفل الصفحة غير ذلك قد لا يعمل

فى حالة وجود مشاكل بعرض ومظهر المقاسات فى المنتدى عدل الارقام الموجودة بالكود
990px
و
935px
حتى تحصل على المظهر المناسب لمنتداك
مع تحيات مايكل سوفت
التمميز والابداع دوما

مشكورة أخي Michael_vx
قمت بتطبيق الشرح واصبحت العناصر في الاسفل ولكن يبدو انه لا يزال هناك خلل بسيط
اصبح هناك فراغ ابيض بسيط بالجانب الايسر للمنتدى
وهذه صور للتوضيح
مشكلة في العناصر اسفل الصفحة OlxYzt

عندي منتدى اخر بنفس النسخة اتذكر بأني قمت بعمل العناصر في الأسفل
ملاحظة هل عند اختيار تصميم يجب ان يكون من نفس نوع النسخة أو كل التصميم نفس بعض التركيب يكون لكل النسخ

تاكد من كود ورقة ال CSS

الكود:: #right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right;

لتفادى الجانب الفراغ

اصبحت العناصر اسفل المنتدى بشكل جيد
لكن يبدو انه في خلل اصبح هذه المربع يطهر في جميع صفحات المنتدى
مشكلة في العناصر اسفل الصفحة ZGglUQ

ايضا عند وضع الكو في الـ CSS ظهرت هذه الرسالة بعد التأكيد
مشكلة في العناصر اسفل الصفحة RHZ8gy

بعتزر اولا عن الخطاء الغير مقصود

كود CSS الصحيح

الكود:: #right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right; }

ارجو المعزرة حيث نسيت كتابة قوس القفل

اما المربع اللى بيظهر فى الصورة

فحدد العنصر ده بانه يكون بدون جدول عام

استخدام جدول عام لا

وغالبا عل ما اعتقد انك نسيت تعملها فى عنصر العناصر اسفل الصفحة او فى عنصر اخر يتسبب فى هذا

تحياتى

مشكور جداً جداً أخي الكريم Michael_vx
وبارك الله فيك وجزاك الله خير على مساعدتك .. فقد تم عمل العناصر بالاسفل بشكل ممتاز
الله يعطيك العافية على رحابة صدرك وطريقة شرحك ومساعدتك تحياتي لك