لا تفاصيل ولا صور ، ماهذا؟؟؟
مشكلة في فوتر الصفحة حيث لا تظهر في ذيل الصفحة بل في المنتصف كيف الحل شكرا
قسمت الصفحة إلى header - container - footer
المشكلة أن الفوتر ظهر خلف ال container بدلا من ان يكون تحته
أتمنى أنكم فهمتم المشكلة
هذا كود 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;}
التعليقات