مشکل این کد چیه

[pary_daryayi]

سلام دوستان . یه کد ساده ی html5 نوشتم . تو firefox و کروم درسته اما در ie8 اصلا هیچ کدوم از تقسیم بندی ها و رنگ ها رو نشون نمیده . ممنون میشم بگید مشکل چیه ؟
کد html:


<div class="wrapper">
<header class="top-header">
<figure class="logo">
<h1>my web</h1>
</figure>
</header><!--.top-header-->

<header class="main-header">
<nav class="main-nav"><!-- for navigation menus --></nav><!--.main-nav-->
</header><!-- .main-header-->

<section class="about">
</section><!--about-->

</div><!--.wrapper-->

کد css:


* {
margin: 0;
padding: 0;
}
header, footer, section, aside, nav, article {
display: block;
}
body {
background: #000;
font-family: tahoma;
font-size: 12px;
}
.wrapper{
width:600px;
margin:auto;
margin-top:20px;
}
.top-header{
background-color:#009900;
height:100px;
}
.logo{
text-align:center;
}
.main-header{
background-color:#FF9933;
height:50px;
margin-top:10px;

}
.about{
min-height:300px;
background-color:#CCCCCC;
}

تشکــــــــــــــــــــــ ر

[s2/mri]

سلام

خب ie8 که HTML5 رو ساپورت نمیکنه.

شما هم که از تگ های header , section , nav استفاده کردین که تو ie8 این تگ ها شناسایی نمیشن

[pary_daryayi]

حق با شماست. از IE10 به بعد ساپورت میشه . درسته ؟
باید این کد رو اضافه میکردم قبل از تگ بسته ی header که قرار دادم و درست شد.


<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
کسی میدونه این کد دقیقا چکار میکنه ؟
یک کتابخونه رو فراخوانی میکنه که کدهای html5 رو در IE ساپورت میکنه ؟

[jalil_gh]

حق با شماست. از IE10 به بعد ساپورت میشه . درسته ؟
باید این کد رو اضافه میکردم قبل از تگ بسته ی header که قرار دادم و درست شد.


<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
کسی میدونه این کد دقیقا چکار میکنه ؟
یک کتابخونه رو فراخوانی میکنه که کدهای html5 رو در IE ساپورت میکنه ؟
البته تا اونجایی که من میدونم اینترنت اکسپلورر از نسخه ۹ به بعد خیلی از امکانات html5 پشتیبانی میکنه.
اون کد هم کار اصلیش اینه که تگ‌های مختص html5 رو ایجاد میکنه و به اونها استایل‌های پیش فرض میده.