مشكلة في فوتر الصفحة حيث لا تظهر في ذيل الصفحة بل في المنتصف كيف الحل شكرا

-1

التعليقات

لا تفاصيل ولا صور ، ماهذا؟؟؟

السلام عليكم . بلا كود او صورة او اي تفاصيل كيف سنساعدك :)

ضع الكود الذي كتبته، HTML و CSS

قسمت الصفحة إلى header - container - footer

المشكلة أن الفوتر ظهر خلف ال container بدلا من ان يكون تحته

أتمنى أنكم فهمتم المشكلة

ماهو كود الcss

هذا كود css

*{text-align:right;}

p{font-family:tahoma;}

a {text-decoration:none; color:rgb(33, 119, 236);}

a:hover{text-decoration:underline;}

body{

}

header{width:100%; height:50px; background:rgb(30, 160, 178); position:fixed; margin:-8px; }

clear{width:100%; height:10px;}

container{width:75%; margin-right:12.5%; min-height: 780px; margin-top:50px;}

top-container{width:100%; height:90px; margin-bottom:5px; }

logo {

width: 30%; float: right; margin-top: 2%;

}

logo img{

width: 50%; }

ad1{

width: 60%; height: 70%; background: green; float: left; margin-top: 1%;

}

ad1 img{

width: 100%; height: 100%; }

nav {

width: 100%; height: 50px; background: rgb(30, 160, 178); }

main{

width: 100%; margin-top: 1%; }

post{width:65%; background:white; float:right;}

sidebar {

margin-right: 0.5%; width: 32%; float: left; background: gainsboro; padding: 1%; }

h5 { background: rgb(30, 160, 178); padding: 1%; margin-top: 0px; font-weight: bold; font-family: monospace; font-size: larger; margin-bottom: 8px; }

.post { width: 98%; height:80px; border-bottom: 2px solid rgb(242, 242, 242); margin-right: 1%; padding-bottom: 1%; padding-top: 1%; }

.thamb{width:20%; height:100%; float:right;} .thamb img{ width: 100%; height:100%;

}

.intro{width:78%; height:100%; float:left;} .intro h4{ margin-top: auto;

} .intro h3{ margin-top: auto; font-family:monospace; }

.info{ margin-top: -3%; font-size: 14px; } .str{ margin-top: -2%;} .read-more{ background: rgb(30, 160, 178); padding: 1%; float: left; margin-top: -21px; border-radius: 19%; color: white; }

.gadget{ width: 100%;

margin-bottom: 5%;

}

.gadget img{width:100%;}

#footer{width:100%; height:400px; background:red;}

هذا رابط الصورة

المنطقة الحمراء هي من المفروض الفوتر


تطوير الويب

مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة

88.4 ألف متابع