السلام عليكم
اخواني اريد التعديل على ملف css المشكلة الاولى عند وجود كلام كثير في الصفحة من المفترض ان الصفحة تمتد
ولكن هنا يمتد الصفحة و بعض الاحيان لا تمتد لا اعرف المشكلة من اين
و لكن عند تحديث الصفحة يعمل بشكل سليم
وعند التحديث مرة اخرى لا يمتد
المشكلة الثانية وهي القائمة اليسرى #left اريد وضع خط في اليسار الى نهاية الصفحة ممتد
كود CSS
كود PHP:
body {
background-color: #003366;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #564b47;}
a:visited {
color:#DB7093;
text-decoration:none;
}
a:hover {
color: #564b47;
text-decoration:none;
}
a:active {
color:#000000;
text-decoration:none;
}
h1 {
font-size: 14px;
text-transform:uppercase;
background-color: #eeeeee;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
color:#003366;
padding:5px 15px;
margin:0px }
h2 {
font-family: Arial;
font-size:14px;
text-align: center;
}
h3 {
font-family: Arial;
font-size:14px;
text-align: center;
}
h4 {
font-family: Arial;
font-size:15px;
text-align: center;
color: #ff0000;
}
h5 {
font-family: Arial;
font-size:12px;
text-align: center;
}
h6 {
font-family: Arial;
font-size:15px;
text-align: center;
}
#p1 {
font-weight: bold;
font-size: 14px;
font-family: arial;
text-align: center;
background-image: url("image/back2.png");
}
img.download {vertical-align:middle;}
/* ----------container zentriert das layout-------------- */
#container {
width: 99%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}
/* ----------banner for logo-------------- */
#banner {
background-color: #ffffff;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;}
/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 0px;
margin-right: 200px;
}
div#content {
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
}
p, pre{
padding: 5px 10px;
margin:0px;
}
/* --------------left navigavtion------------- */
#left {
float: right;
width: 200px;
border-right:1px solid #564b47;
border-left:1px solid #564b47;
margin: 0px;
text-align:justify;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }