header سر جاش قرار نمی گیره

Morteza1371

Active Member
سلام دوستان

من تازه شروع به css نویسی کردم.

اولین مشکل من اینه.

بعد از نوشتن کد و دادن Div Id به هدر ، هدر میاد بجای فوتر و یا پشت صفحه.

یه سوالی هم دارم اینه که برای اینکه یک بلوک داخل صفحه ی سفید درست کنم و به عبارتی یک عمل تو در تو انجام بدم چطوری باید کدها رو بکار برد؟

اینم کدhtml

PHP:
<!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>آقا</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>




<body>


<div id="menu">
</div>

<div id="header">
fgghhhhhhhh
</div>

<div id="content">
</div>
</body>
</html>


و CSS
PHP:
@charset "utf-8";
/* CSS Document */
body {background:url(../../My%20Documents/bolg/bg-top.png) repeat;
}

#menu{
    background:#666;
    width:800px;
    height:1000px;
    margin:auto;
    border:solid #FFF 1px;
}

#header {
    background:#CCC;
    width:800;
    width:261;
    pitch-range:inherit;
    border:dashed #9FC 1px;
}
 

پیوست ها

  • untitled1.JPG
    untitled1.JPG
    64.2 کیلوبایت · بازدیدها: 6
  • untitled.JPG
    untitled.JPG
    21.6 کیلوبایت · بازدیدها: 1

progpars

progpars.com
اول از اینکه توی کد بالا برای استایل #header دو بار از width استفاده کردید که یکیش باید height باشه .
ببین شما میای یک div ایجاد میکنی به شکل زیر :

کد:
<div class="main">

</div>


ما اومدیم یه دیو دادیم بهش بعد میریم تو استایل main. بک گراندو و اندازه و ایناشو مینیویسیم . ما اینجا فرض میکنیم یک بک گراند سفید دادیم به عرض
960px و یک ارتفاع auto . حالا میخواهیم هیدرمون توی این بک گراند سفید یا یک بلوک توش نمایش داده بشه برای این کار کدی داریم شبیه کد زیر :
کد:
<div class="main">
<div id="header"></div>
</div>
بعد استایلشو میدی موفق باشی :rose:
 

جدیدترین ارسال ها

بالا