من السهل المغلق الثابتة الذيل
لقد اطلعت على الكثير من الدروس هناك لكيفية الحصول على ذيلها الثابتة باستخدام المغلق. ويتطلب معظمها كل أنواع متداخل div 's، مغلفة ، وهلم جرا. الامر بسيط للغاية ، وهذا القانون يمكن نسخ ولصق تقريبا أي قالب الموقع دون تعديل كامل اقامة. انظر أدناه.
الملف المغلق : . footer_spacer ( الطول : 60px ؛) / * هذا الارتفاع ينبغي أن يكون على قدم المساواة أو أكبر من الذيل. ويكفل له مضمون وليس قطع الذيل في بلدكم * / (# الذيل موقف : ثابتة ؛ / * تحتفظ أنه من التحرك في جميع * / أسفل : 0 ؛ / * أنها تحتفظ في أسفل الشاشة * / العرض : 100 ٪ ؛ / * تمتد لملء عرض للهيئة العلامة * / الطول : 30px ؛ / * مجموعات ذروة. وينبغي أن تساوي أو أقل من footer_spacer ذروة * / )
هتمل : <divالطبقة = "footer_spacer"></ div> <! -- لا شيء يذهب هنا في. هذا هو تثبيت فقط. --> <divمعرف = "footer">أدخل ذيلها المحتوى هنا </ div> <! -- وهذا هو الفعلية الذيل. المغلق لاستخدام أسلوب لاحتياجاتك -->
وهذا هو عليه. وقد footer_spacer div يخلق "منطقة عازلة" دون بقية صفحتك لفي الذيل لبقية ، وبالتالي القضاء على أي محتوى من قطع. إذا صفحة الويب الخاصة بك ويستخدم العوامات ، على النحو التالي. واذا لم يحدث ذلك هل ينبغي أن يكون قادرا على نسخ ولصق هذه القائمة إلى صفحة ويب الخاصة بك مع أي مشاكل. اختبار في IE7 ، FF2 ، FF3 وسفاري. وينبغي أن تعمل في IE6 كذلك.
إذا كنت تستخدم العوامات ، وبعض من صفحاتي لا أنك لا تملك إلا واحدة صغيرة لجعل هذا التعديل. وقد footer_spacer div قد تكون هناك حاجة إلى زيادة لاستيعاب الموقف من العوامات الخاصة بك. أيضا ، تأكد من إضافة <divأسلوب "clear:both؛">= </ div> قبل footer_spacer div للتأكد من أنها في وضع صحيح. أي الحصول على هذه القضايا قائمة وعاملة ، لا تتردد في البريد الالكتروني لي في dcostalis@gmail.com.
| 2.9 |
من التعثر! بعد معلومات
هذا الدخول على موقع الاحد ، كانون الأول / ديسمبر 9th ، 2007 وقبول الدعوى لرفعها من تحت المغلق ، والتنمية. وقد 1.243 آراءتعليقات تغذية. | اترك التعليق | Trackback الإجازة.
الوظيفة السابقة : وورد ليست كاملة ، وذلك هو بلدي قواعد اللغة »
ما بعد القادم : ويندوز فيستا حزمة الخدمات 1 RC1 »
مارس 19th ، 2008 11:32
مرحبا ،
الشكر للقانون أعلاه ، هذا هو حقا لا يصدق أن هذه المسألة ثابتة مع الذيل / رأس ويمكن تحقيق ذلك easyly مع خطوط قليلة فقط من المغلق.
ومما يؤسف له أنه لا يعمل في IE6. هل تستطيع أن تخبرنا من فضلك كيفية الحصول على هذا وتعمل في هذا المتصفح *** كذلك؟
الشكر الكثير
روبرت
مارس 27th ، 2008 23:26
روبرت --
شكرا للتعليق! شيء واحد هو أنا لاحظت أن IE6 لن يؤدي إلا إلى السماح لها العمل إذا كنت تحدد DOCTYPE. (أكثر على أن في http://www.w3.org/QA/2002/04/valid-dtd-list.html).
وباختصار ، فإن إضافة هذا الخط إلى أعلى من الصفحة الخاصة بك :
<! DOCTYPE هتمل الجمهور "-- / / W3C / / DTD الأقسام المختلفة 1.0 الانتقالية / / الإنكليزي" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
وينبغي لها أن تعمل على ما يرام في IE6. شكرا مرة أخرى!
أبريل 28th ، 2008 00:21
ماي سبيس div تصميم...
تحياتي ،...
مايو 16th ، 2008 03:49
doctype الانتقالية وسائل آي إي هو في طريقة المراوغات وهذا سوف يعرض جميع أنواع أخرى من المشاكل التصميم. إذا كنت الرعاية حول كيفية يبدو في شركة آي إي ، هذا الأسلوب لا يكفي. (نعم ، ينبغي أن يكون هذا مجرد بسيطة ، ولكن في الواقع ، لكنه ليس كذلك.)
مايو 16th ، 2008 18:30
أندرو -
صحيح. غير أنني لم نلحظ أي وسيلة لجعل IE6 تتصرف بالطريقة التي ينبغي أو لا... ما إذا كان عليك أن تحدد الانتقالية أو صارمة ، ستظل هناك القضايا التي تحتاج إلى التعامل معها عند محاولة أي نوع من أنواع متقدمة والتصميم.