[مشكلة تريد حل] كيف أمغط <div> على حسب المحتوى ؟! (مرفق لصورة المشكلة)

[ظامي الوجد]

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

اتمنى أن يكون الجميع بخير ،،، كم اشتقت لكم كثيراً ...


اريد من الأخوة الكرام العارفين في تقنيات CSS وعندي مشكلة حاولت جاهداً
حلها بنفسي ، لكن تذكرت بأن لي أخوة كرام لا يترددون للحظه في مساعدة
أخوانهم .

أخواني عندي مشكلة في عدم مغـــط <div> الرئيسي على حسب المحتوى
وحيث الرئيسي اسميته بـ index كما هو المشار إليه باللون ( الأحمر )

أريد مغطه مع الصناديق التي بداخله <div> للـ menu و contact_news

الصورة التالية تشرح أكثر



انظروا إلى الاطار الصغير اعلى الأخبار ... كيف أجعل للأحمر يتحرك للاسفل على حسب المحتوى الذي بالداخل مع العلم أن كل الصناديق <div> داخل الصندوق الرئيسي index والذي خلفيته الأبيض

أتمنى أجد الحل عاجلاً ...


محبكم / ظامي

[مهندس مصرى]

غالباً المشكلة بسبب أنك قمت بعمل float قبلها في القائمة اليمنى مثلا او لاي div اخرى
اذا كان كذلك فعلا قم بعمل clear:both في هذه ال div نفسها او قم بانشاء div جديدة اسفلها وقم بتعريف clear:both بها

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

[ظامي الوجد]

اشكرك يا سعادة المهندس على سعيك لحل مشكلتي لكن حاولت تطبيق ما قلت
لكن للاسف لم استطع حلها


وحاولت مراراً حلها لكن لم استطع والآن ارفق لك ملف css

وضعتها في ملف txt نظراً لانه الصيغة المسموحة في الرفع

[مهندس مصرى]

السلام عليكم
ارجو ارفاق صفحة ال html كذلك او توضيح اسماء ال divs لان ملف ال css لحاله لا يوضح شىء

[ظامي الوجد]

اشكرك اخي مهندس


ارفقت لك ملف html في صفحة txt بأسم index.txt
بإمكانك حفظها على صيغة html وتجربتها مع الكود السابق style1.txt بعد تحويلها لـ style1.css


اشكرك بعمق

[مهندس مصرى]

هذا الملف مضغوط به html+css بعد التعديل
الخطأ هو كما توقعت انك لم تضف clear بعد عمل float كما ان هناك خطأ آخر وهو أنك قمت بتحديد طول الجانب الايمن والايسر ب 250px

ملاحظة .. هناك أخطاء كثيرة في الملف حيث انك تستخدم دائما ال id لاكثر من عنصر وهذا خطأ لان ال id يكون لعنصر واحد فقط
اذا اردت استخدام اكثر من عنصر استخدم class
و هناك خصائص كثيرة جدا في ملف ال css لل divs الموجودة بلا فائدة تٌذكر لو قمت بتقليلها سيساعد في سرعة الموقع و تنسيق الملف بشكل اكبر

[ظامي الوجد]

الله يعطيك العافيه ماقصرت والله يجزاك كل خير ،،،

تسلم يا مهندس

[ظامي الوجد]

أرجع للمره الثانيه وأشكرك يا مهندس ... فحقيقة ما فعلته جميل لا ينسى ..