کسی از دوستان نمیدونه مشکل کجاست؟

#header {
background-image: url("../images/header.jpg");
background-position: center top;
height: 228px;
float: left;
width: 1320px;
}

float: left;
به سمت چپ شناور میکنه. چرا هدرتون رو به سمت می برید ؟
ببینید شناور کردن یا همون float : باعث میشه بلوک اصلی درست نشون داده نشه ؛
مثلا (این بخش کد فروم چرا نیست! )
< div class="jamo" >
<header id="jamo-header">
</header>
<nav id="jamo-navigation">
</nav>
</div>
الان اگه ما به هدر و منو ( ناو) float بدیم مشکل پیش میاد یعنی این دو بلوک از بلوک مادرشون جدا میشن و بلوک مادر ( jamo ) درست نشون داده نمیشه ؛ خب برای حل مشکل باید کد زیر رو بذارید که (clear) بشه!!!
.jamo-clr:after,.jamo-clr:before
{
display:block;
clear:both;
content:'';
}
و این کلاس رو به بلوک مادر میدهیم تا اوکی بشه.
width: 1320px;
اندازه مانیتور شما کوچکتر نیست ؟ ( اینو همینجوری گفتم )

و اینکه این کد رو بذارید ؛

background-size: 100%;

یا این ،

background-size:cover;

کد اولی معلومه دیگه هر اندازه مرورگر تغییر کنه اون عکس تغییر میکنه ( ارتفاع هم تغییر میکنه) و در سایز های کوچک تر درست نشون داده نمیشه !

کد دومی بهتره ؛ اندازه اش حفظ میشه فقط به جا اینکه سایزش متناسب مرورگر تغییر کنه
یه چیزی شبیه اسکراچ میشه ؛ یعنی عکست زوم میشه تا هدر رو کامل کنه ( این بخش هم مشکلش حذف قسمت های عکس هست).

پیشنهاد میکنم دو تا عکس برا هدر تون درست کنید و هر کدوم رو توی یه سایزی فراخوانی کنید. موفق باشی. تو بلاگ و ایمیل هم کد رو با کامنت گذاشتم.

عنوان سایت رو هم حذف نکن !!! به جاش اونو فقط نشون نده!
clip:rect(1px,1px,1px,1px);
position:absolute;

اگه صفحه تون آنلاین بود خیلی بهتر میشد کمک کرد.

کدی که برام ایمیل کردین رو گذاشتم ولی همچنان همونجوریه، ضمن اینکه هدر دوتا شد، یعنی یه هدر دیگه هم پایینش اومده

(94-9-7، 11:43 صبح)maani نوشته است: کدی که برام ایمیل کردین رو گذاشتم ولی همچنان همونجوریه، ضمن اینکه هدر دوتا شد، یعنی یه هدر دیگه هم پایینش اومده

کدی که فرستادم بخش های که خواسته بودین رو براتون مشخص کرده بودم همین.
هدر و عنوان سایت تون رو.

ایمیل بفرستید یا تو بلاگ در تماس باشید ؛ اینجا نمیام زیاد. موفق باشی.


[code]
/*شروع هدر سایت*/
#header {
background-image: url("../images/header.jpg");
background-position: center top;
height: 228px;/*طول عکس*/
width: 1320px;/*عرض عکس*/
background-repeat: no-repeat;
background-size: cover;
/*background-size:100%*/
}
/*پایان هدر سایت*/
[code/]

کسی نیست راهنماییم کنه؟ یه عمر دعاگوتون هستم به خدا

یعنی یه نفر اینجا نیست مشکل مارو حل کنه