مشكلة في مدينة النهر مع CSS

Question

حسنا هنا هو الموقع:

http://danberinger.com/

إذا قمت بعرض المصدر الخاص ب HTML و CSS، فيمكنك أن ترى أنني قمت بتعيين ارتفاع DIV في الوسط إلى 100٪ وإما نظرا له قيمة خاصية تجاوز الفائض من المخفية، فإنها تسمى "Main_content". أدركت أن قيمة الارتفاع لا تؤثر على ما يتم عرضه، وتسمح قيمة الفائض من المخفية لون الخلفية من DIV Main_Content إلى تذييل الصفحة. أعتقد أنني أتساءل ما هي أفضل طريقة بالنسبة لي لتحقيق ارتفاع DIV متغير في كل صفحة أو "Main_Content" مع الحفاظ على لون الخلفية. هل أفعل هذه الطريقة الصحيحة أو أنا أستخدم نوعا من الاختراق CSS ليست الطريقة الصحيحة للقيام بذلك. كل البصيرة موضع ترحيب. تأكد من إلقاء نظرة على المصدر HTML و CSS قبل إعطائي إجابة.

Answer 1

سيكون أسهل الحل لتعيين لون الخلفية الخاص بك body عنصر. شيء من هذا القبيل:

body {
 margin: 0;
 padding: 0;
 width:100%;
 height:100%;
 background-color:#cccccc;
}

سيؤدي ذلك أيضا إلى القضاء على الحدود البيضاء البيكسل القليلة حول الحواف، إذا كنت ترغب في الحفاظ على ذلك، اخراج margin و padding الإعلانات.

Answer 2

ربما أسيء فهم ما تريد، ولكن جرب هذا:

استبدال div # inro_container مع:

div#intro_container {
width:830px;
margin:auto;
overflow: hidden;
background-color:#333333;
}

وإزالة خاصية الارتفاع من Div # messageBox.

Answer 3

أفضل أن أفعل بهذه الطريقة:

في محتوى DIV 'المحتوى الرئيسي'، أضف

في حالتك كان

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
</div>

يتم إعادة كتابة كام

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
    <div style="clear:both"></div>
</div>

AFAIK هذه طريقة قياسية لتحقيق ما تفعله.