ahmad000012
پنج شنبه 02 آذر 1391, 15:37 عصر
سلام دوستان این کد را ببینید کجاش مشکل داره زمان ساختن با ie7 چکش کردم خوب جواب میداد ام اومدم خونه با کروم و فایر فکس مشکل داره
چون از لینوکس استفاده میکنم ie هم ندارم چک کنم.
<!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>Untitled Document</title>
<style>
#warp{
width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
background:url(back.jpg) repeat;
z-index:0;
}
#head{
width:880px;
height:150px;
margin-left:auto;
margin-right:auto;
background:url(head.png);
margin-top:6px;
z-index:1;
}
#menu{
width:900px;
height:60px;
margin-left:auto;
margin-right:auto;
background:url(menu.png) repeat-x;
margin-top:2px;
z-index:1;
}
#member{
width:290px;
height:200px;
margin-left:6px;
margin-right:auto;
float:left;
margin-top:2px;
background:url(Untitled-1.png);
z-index:1;
}
#best{
width:580px;
height:200px;
margin-left:8px;
margin-right:auto;
float:left;
background:url(best.png);
margin-top:2px;
z-index:1;
}
#left{
width:200px;
height:auto;
min-height:400px;
margin-left:6px;
margin-right:auto;
border: #0C0 solid ;
margin-top:2px;
z-index:1;
float:left;
}
#main{
margin-top:2px;
z-index:1;
float:left;
}
#maint{
width:670px;
height:50px;;
background:url(text-up2.png) no-repeat;
z-index:1;
}
#mainv{
width:670px;
height:auto;
min-height:400px;
background:url(text-center.png) repeat-y;
z-index:1;
}
#mainb{
width:670px;
height:50px;;
background:url(text-down.png) no-repeat;
z-index:1;
}
#footer{
width:880px;
height:50px;
margin-left:auto;
margin-right:auto;
background:url(footer.png);
margin-top:2px;
margin-bottom:6px;
}
</style>
</head>
<body background="bg-main.gif">
<div id="warp">
<div id="head">
</div> <!-- end of head -->
<div id="menu">
</div> <!-- end of menu -->
<div id="member">
</div> <!-- end of member-->
<div id="best">
</div> <!-- end of best-->
<div id="left">
</div> <!-- end of left -->
<div id="main">
<div id="maint">
</div>
<div id="mainv">
</div>
<div id="mainb">
</div>
</div> <!-- end of main -->
<div id="footer">
</div> <!-- end of footer-->
</div> <!-- end of warp -->
</body>
</html>
چون از لینوکس استفاده میکنم ie هم ندارم چک کنم.
<!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>Untitled Document</title>
<style>
#warp{
width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
background:url(back.jpg) repeat;
z-index:0;
}
#head{
width:880px;
height:150px;
margin-left:auto;
margin-right:auto;
background:url(head.png);
margin-top:6px;
z-index:1;
}
#menu{
width:900px;
height:60px;
margin-left:auto;
margin-right:auto;
background:url(menu.png) repeat-x;
margin-top:2px;
z-index:1;
}
#member{
width:290px;
height:200px;
margin-left:6px;
margin-right:auto;
float:left;
margin-top:2px;
background:url(Untitled-1.png);
z-index:1;
}
#best{
width:580px;
height:200px;
margin-left:8px;
margin-right:auto;
float:left;
background:url(best.png);
margin-top:2px;
z-index:1;
}
#left{
width:200px;
height:auto;
min-height:400px;
margin-left:6px;
margin-right:auto;
border: #0C0 solid ;
margin-top:2px;
z-index:1;
float:left;
}
#main{
margin-top:2px;
z-index:1;
float:left;
}
#maint{
width:670px;
height:50px;;
background:url(text-up2.png) no-repeat;
z-index:1;
}
#mainv{
width:670px;
height:auto;
min-height:400px;
background:url(text-center.png) repeat-y;
z-index:1;
}
#mainb{
width:670px;
height:50px;;
background:url(text-down.png) no-repeat;
z-index:1;
}
#footer{
width:880px;
height:50px;
margin-left:auto;
margin-right:auto;
background:url(footer.png);
margin-top:2px;
margin-bottom:6px;
}
</style>
</head>
<body background="bg-main.gif">
<div id="warp">
<div id="head">
</div> <!-- end of head -->
<div id="menu">
</div> <!-- end of menu -->
<div id="member">
</div> <!-- end of member-->
<div id="best">
</div> <!-- end of best-->
<div id="left">
</div> <!-- end of left -->
<div id="main">
<div id="maint">
</div>
<div id="mainv">
</div>
<div id="mainb">
</div>
</div> <!-- end of main -->
<div id="footer">
</div> <!-- end of footer-->
</div> <!-- end of warp -->
</body>
</html>