السلام عليكم كيفكون أن شاء الله بخير
ما بعرف ازا القسم مناسب لطرح المشكلة الي عم تواجهني :con2:
المشكلة هية في الهيدر في توزيع التقاسيم تبع التصميم الصورة بتوضح الفكرة

التصميم يحتوي على 4 أقسام اللوغو وسيرش زبطو معي
بس المشكلة في المنيو وميدلي
المشكلة الأولة هي التوسيط ولمن أركب اكواد الميديل المنيو بيصير باخر الموقع
او ازا بركب المنيو بيصير الميدلي نازل للأسفل كتير
وهاد الكود الي شغال عليه حاليا
كود PHP:
#content {
background-color: #ebebed;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#header {
background-color: #ebebed;
background-image: url(images/gw/header/backgraond.jpg);
background-repeat: repeat-x;
height: 408px;
}
#header .logo {
background-image: url(images/gw/header/logo.png);
background-repeat: no-repeat;
float: left;
height: 52px;
width: 304px;
margin-left: 35px;
margin-top: 28px;
}
#header .middle {
background-image: url(images/gw/header/middle.png);
background-repeat: no-repeat;
height: 329px;
width: 761px;
margin: 6em auto 1em
}
#header .search {
width: 331px;
height: 117px;
background:url(images/gw/header/search.png) no-repeat;
float:right;
position:absolute;
top: 8px;
right: 30px;
}
#header .searchinput {
border: none;
background: none;
font-family:"Tahoma", Geneva, sans-serif;
width: 240px; height: 21px;
color:#778265;
font-size: 13px;
text-align:right;
direction: rtl;
float:right;
margin: 31px 75px 0 0;
padding:7px 0;
}
#header .mneu {
background-image: url(images/gw/header/menu.jpg);
background-repeat: no-repeat;
height: 33px;
width: 458px;
}
أنا أزلت بعض الاكواد من جزء أل mneu
هل هنالك طريقة معينة جربت جميع الحلول الي ذكرت في القسم من توسيط وخلافه لاكن دون جدوى :court: هل من طريقة للقيام بتوزيع التصميم كما في الصورة
واكون لكم من الشاكرين
تحيااتي