چسباندن هدر به بالای صفحه [بایگانی]

View Full Version : چسباندن هدر به بالای صفحه

roozbehgame19

یک شنبه 01 مرداد 1391, 19:28 عصر

سلام دوستان در قسمت CSS بايد چه كدی بذارم تا هدر به بالای صفحه بچسبه

الان هم يه كدی دارم ولی اينجوری‌به قسمت های ديگه هم ميچسبه

كد CSS هدر:

.header{background:#222;text-align:right;margin:30px auto;width:864px;height:115px;border-radius:15px 15px 15px 15px;margin-top:5em;padding:10px;padding-bottom:4em; padding:0px 43px;position:fixed; top:0px; left:50%; margin: 0 0 0 -475px; direction:rtl;z-index:98;}

thacker

یک شنبه 01 مرداد 1391, 20:35 عصر

.header{background:#222;text-align:right;margin:0px auto 30px;width:864px;height:115px;border-radius:15px 15px 15px 15px;padding:10px;padding-bottom:4em; padding:0px 43px; direction:rtl;z-index:98;}

اینو تست کنید ببینید درست میشه ؟

Saber Mogaddas

دوشنبه 02 مرداد 1391, 10:57 صبح

سلام
از css reset زیر استفاده کنید :

*
{
margin:0;
padding:0;
}

به این دلیل نمی چسبه چون تگ ها دارای مقدار پیش فرضی برای margin , padding دارند که ما به صورت بالا این مقدارهای پیش فرض رو مثل مقدار پیش فرض body صفر می کنیم ..
برای وسط قرار گرفتن باکس نیز نیاز به اینهمه کئ نیست به صورت زیر بهینه تر خواهد بود :

<html>
<head>
<title></title>
<style type="text/css">
*
{
margin:0;
padding:0;
}
.header
{
background: none repeat scroll 0 0 #222222;
border-radius: 15px 15px 15px 15px;
direction: rtl;
height: 115px;
margin: 0 auto;
text-align: right;
width: 864px;}
</style>
</head>
<body>
<div class="header"></div>
</body>
</html>

موفق باشید..