للأسف يا أحمد ما ضبط معاي
الجزء اللي على اليمين مايجي بشكل القائمة
والجزء اللي على الشمال التأطير ماضبط
والهيدر جزء واحد واحد كامل مو يمين ويسار لكن ما أعتقد انه هذا السبب في الخلل اللي حصل
وصورة المشكلة في المرفقات
وهذه الاكواد لسي اس اس
كود:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
body{
background-color:#9aa839;
direction:ltr;
}
.lunch break{
width:824px;
margin:0 auto;
}
.header img{
margin:auto;
float:none;
height:208px;
width:824px;
margin:0 auto;
float:none;
}
.clear{
clear:both;
}
.widget{
background:#2a5304;
float:right;
width:578px;
}
.content{
margin-right:246px;
background:#f9f9f7;
float:left;
}
.body-n{
background-image:url('images/bu.jpg');
background-repeat:repeat-x;
height:49px;
}
.body-right{
background-image:url('images/r-u.jpg');
background-repeat:no-repeat;
height:49px;
width:55px;
float:right;
}
.body-left{
background-image:url('images/l-u.jpg');
background-repeat:no-repeat;
height:49px;
width:45px;
float:left;
}
.body-b-b{
background-color:#9aa839;
text-align:justify;
}
.body-b-right{
background-image:url('images/br.jpg');
background-repeat:repeat-y;
padding-right:55px;
float:right;
}
.body-b-left{
background-image:url('images/bl.jpg');
background-repeat:repeat-y;
padding-left:45px;
float:left;
}
.body-d-m{
background-image:url('images/b-d.jpg');
background-repeat:repeat-x;
height:86px;
}
.body-d-right{
background-image: Url('images/r-d.jpg');
background-repeat:no-repeat;
height:86px;
width:55px;
float: Right;
}
.body-d-left{
background-image:url('images/l-d.jpg');
background-repeat:no-repeat;
height:86px;
width:59px;
float:left;
}
وهذه أكواد الهتمل
كود:
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<title>lunch break</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
<div id="lunch break">
<div class="header">
<a href="lunshbreak.html" title="الرئيسية"><img src="http://vbegy.info/vb/images/header1.jpg" alt="lunch break" /></a>
</div>
<div class="clear"></div>
<!-- // end header -->
<div class="widget">
مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break
مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break
مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break
مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break
مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break
مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break مؤسس lunch break
</div><!-- // end widget -->
<div class="content" >
<div class="body-n">
<div class="body-right"></div>
<div class="body-left"></div>
</div>
<div class="body-b-b">
<div class="body-b-right">
<div class="body-b-left">
إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك
إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك
إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك
إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك
إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك إستراحة الغذاء وجبة تصل الى عملك وقت إستراحتك
</div>
</div>
</div><!-- // the end body-b-b -->
<div class="body-d-m">
<div class="body-d-right"></div>
<div class="body-d-left"></div>
</div>
</div><!-- // end content -->
</div><!-- // end lunch break -->
</body>