5

لغز لمطوري المواقع html&css

لغز لمطوري المواقع html&css

لدي هدر للصفحة بارتفاع ثابت 100 بكسل

و فوتر بارتفاع ثابت 50 بكسل

و جدول بينهما بارتفاع متغير

كيف استطيع تحديد ارتفاع أدنى للجدول في الوسط بحيث لا يكون الفوتر أعلى من الحافة السفلية للمتصفح (في الشاشات الكبيرة مثلا )

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

7
assassinateur أضف ردا 
height: calc(100vh - 150px);
2
assassinateur أضف ردا
1
علي بن موسى أضف ردا

هل ممكن أن تشرح لنا أخ نذير ماوظيفة calc او فيما تستعمل تحديد ومشكور ،

5
assassinateur أضف ردا

وظيفة calc هي الحساب بكل بساطة، ولكنها على عكس الحساب في معالجات css (مثل less و sass و stylus) فهي ليست محدودة في الوحدات، في sass مثلا لا تستطيع أن تطرح px من % ولا تستطيع خلط أي وحدات

ولكن في calc تستطيع أخذ 100% من الصفحة، وأخذ 15px منها. كما ترى هي ديناميكية

الوحدة التي استخدمتها أنا هي vh وترمز إلى vertical height وهي مثل النسب المئوية، ولكنها مطلقة، أيّ تنسب إلى حجم الصفحة وليس حجم الحاوي، ف100vh هي 100% من إطار النافذة

0
mjxp7 أضف ردا

روعة

عملت معي بشكل ممتاز

مشكلتها فقط عدم دعم بعض المستعرضات القديمة و متصفح Opera Mini 8 حسب ما بحثت

شكرا للرد

0
akachbat أضف ردا

اول مرة اسمع عن هذه الدالة calc هل هي متوافقة مع جميع المتصفحات وشكرا ؟

1
supercoder أضف ردا

لدعم معظم المتصفحات 

/* IE-OLD */
width: expression(1000px - 500px);
/* Firefox */
width: -moz-calc(1000px - 500px);
/* WebKit */
width: -webkit-calc(1000px - 500px);
/* Opera */
width: -o-calc(1000px - 500px);
/* Standard */
width: calc(1000px - 500px);
0
assassinateur أضف ردا
6
mohamed youssouf أضف ردا

أعتقد أن الحل هو في إستخدام @media مع min-height بإسخدام نسبة المئوية % لقيمة

-2
mohamed youssouf أضف ردا

لما 1- !!!

0
سبايدر جيك أضف ردا

إسأل مرة اخرى لما -3 وستكون عندك -6

1
mohamed youssouf أضف ردا

سأعتمد على سياسة تجاهل المدمني تقيم السلبي بلا فائدة

0
سبايدر جيك أضف ردا

"التجاهل صدقة جارية لفقراء الادب"

0
mohamed youssouf أضف ردا

هل هذا التلميح موجه لي؟؟؟

0
سبايدر جيك أضف ردا

اقصد ,يجب عليك تجاهلهم

2
خالد الحضري أضف ردا

ابحث في جوجل عن stiky footer وسوف تجد حلولا كثيرة.

1
عبدالغفور أضف ردا

لا تحتاج لتحديد إرتفاع أدنى بل يمكنك القيام بهذا من خلال bottom: 0; أرجوا أن يكون هذا ماطلبت.

0
علي بن موسى أضف ردا

لم أفهم قصدك بالتحديد لكن أظنك تقصد مثل هذا :

أو خاصية @media واستخدام max-height :

0
mohamed binothman أضف ردا

استخدم خاصية min-height في لغة CSS

0
mjxp7 أضف ردا

ليس فقط stiky footer

المطلوب هو تغير ارتفاع الجدول الاوسط بحسب ارتفاع الشاشة

الحل باستخدام

خاصية @media و min-height

لكن المشكلة ان الكود الناتج معقد و طويل

و لم اجد كود ابسط

مع تحياتي

0
saeed أضف ردا

هل هذا ما تبحث عنه ؟

0
yousefhabeb أضف ردا

على حسب فهمي لموضوعك , يمكنك أستخدام @media بالقياس الخاص بالشاشة

وثم أستخدام min-height بوحدة قياس % أو em

=)

-3
jovenetwork أضف ردا

تبحث لتحسين عملك أو مهنتك؟ زيارة هذا الموقع محدثة لمحة كاملة وندوات عبر الإنترنت. وتوفر هذه الشركة أفضل الأدوات والمعارف والتعويض والمنتجات