اشكر لكم ردكم اخوي الكريمين
جربت الكود الذي تكرم به الأخ Fez-Soft
ولكن لم يحل الخطأ
وها انا ارفق لكم كود الهتمل والسي اس اس كاملين:
كود HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- بداية تصميم المحتوى -->
<div id="tasmeem" align="center">
<!-- الهيدر -->
<div class="header"><img src="images/Future-Experts_02.jpg" width="949" height="93" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="724,62,784,86" href="aboutus.php" />
<area shape="rect" coords="799,62,859,83" href="sendme.php" />
<area shape="rect" coords="871,62,904,83" href="links.php" />
<area shape="rect" coords="46,14,247,77" href="index.php" />
</map> </div>
<!-- بنر الفلاش -->
<div class="flash-banner"><img src="images/Future-Experts_04.jpg" />
</div>
<div class="bady2">
<div class="top-menu">
</div>
<div id="bady3">
<div class="left-block">
</div>
<!-- الأخبار -->
<div class="mohtawa">
<p> </p>
</div>
<div class="right-block">
</div>
</div>
<div class="end-B">
</div>
</div>
<div class="footer">
</div>
</div>
</body>
</html>
والستايل هو
كود PHP:
html {
height: 100%;
}
body {
background-color:
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
background: #333333;
margin-top: 0;
}
#tasmeem {
width: 949px;
margin-left: auto;
margin-right: auto;
}
.header{
width: 100%;
height: 93px;
}
.flash-banner{
margin-top: 0;
}
.bady2{
background-color: White;
width: 100%;
}
.top-menu{
width: 100%;
height: 28px;
margin-top: 0;
background-image: url(images/menu-back.jpg);
}
#bady3{
width: 100%;
}
/*
.left-block{
float: left;
width: 150px;
background-color: #DFDFDF;
margin: 5px 5px 0 5px;
padding: 3px 3px 0 3px;
}
*/
.left-block{
float: left;
width: 150px;
background-color: #DFDFDF;
margin: 5px 5px 0 5px;
padding: 3px 3px 0 3px;
}
.mohtawa{
width: 400px;
margin-left: 150px;
background-color: #006400;
}
/*
.right-block{
float: right;
width: 100px;
background-color: #7B68EE;
padding: 10px 10px 0 10px;
}
*/
.right-block{
float: right;
width: 100px;
background-color: #7B68EE;
margin: 5px 5px 0 5px;
padding: 3px 3px 0 3px;
}
.end-B{
}
.footer{
}