jamejam123
پنج شنبه 04 مهر 1392, 20:34 عصر
سلام وخسته نباشید به دوستان عزیز
من با footer html 5مشکل دارم
به این تصویر نگا کنید
به این کد ها هم یه نگا بندازید
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>galeb</title>
<script type="text/javascript" src="javascript/jquery-2.0.1.js"></script>
<script type="text/javascript" src="javascript/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="javascript/java.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
body{
background:#ECECFF;
margin:0px;
padding:0px;
font-family:Tahoma, Geneva, sans-serif;
}
header{
padding:1px;
background:#D7D7FF;
height:40px;
}
nav{
padding:1px;
margin:auto;
width:1132px;
float:right;
text-align:left;}
nav ul{
float:left;
list-style:none;
margin:auto;
width:950px;
height:40px;
background:url(../image/top.jpg);
border-radius:3px;
}
nav ul li a:link,nav ul li a:visited{
float:left;
text-decoration:none;
color:#FFF;
padding-left:8px;
padding-right:8px;
margin-left:2px;
margin-right:2px;
background:;
height:25px;
font-size:15px;
padding-top:3px;
margin-top:5px;
border-radius:5px;
}
nav ul li a:hover{
background:#FFF;
color:#000;
height:40px;
margin-top:0px;
}
#slider{
width:900px;
height:300px;
margin:auto;
background:#066;
}
nav ul li ul{
display:none;
}
aside{
float:left;
width:220px;
height:500px;
background:#0BB;
margin-left:225px;}
#content{
float:left;
width:680px;
height:500px;
background:#366;
}
footer{
background:#0F6;
height:50px;
}
</style>
</head>
<header>
<nav>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div id="slider"></div>
<aside></aside>
<div id="content"></div>
<footer></footer>
<body>
</body>
</html>
حالا به این تصویر یه نگا بندازید
111217
تو اینجا قسمت سبز رنگ footer من هستش
به جای اینکه بعد از دایو های CONTENT# و <ASIDE> قرار بگیرد.
نا مرتب و به این شکل قرار می گیرد.
این مشکل را چگونه حل کنم که بیاد و زیر دایومان قرار گیرد
باتشکر فراوان
من با footer html 5مشکل دارم
به این تصویر نگا کنید
به این کد ها هم یه نگا بندازید
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>galeb</title>
<script type="text/javascript" src="javascript/jquery-2.0.1.js"></script>
<script type="text/javascript" src="javascript/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="javascript/java.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
body{
background:#ECECFF;
margin:0px;
padding:0px;
font-family:Tahoma, Geneva, sans-serif;
}
header{
padding:1px;
background:#D7D7FF;
height:40px;
}
nav{
padding:1px;
margin:auto;
width:1132px;
float:right;
text-align:left;}
nav ul{
float:left;
list-style:none;
margin:auto;
width:950px;
height:40px;
background:url(../image/top.jpg);
border-radius:3px;
}
nav ul li a:link,nav ul li a:visited{
float:left;
text-decoration:none;
color:#FFF;
padding-left:8px;
padding-right:8px;
margin-left:2px;
margin-right:2px;
background:;
height:25px;
font-size:15px;
padding-top:3px;
margin-top:5px;
border-radius:5px;
}
nav ul li a:hover{
background:#FFF;
color:#000;
height:40px;
margin-top:0px;
}
#slider{
width:900px;
height:300px;
margin:auto;
background:#066;
}
nav ul li ul{
display:none;
}
aside{
float:left;
width:220px;
height:500px;
background:#0BB;
margin-left:225px;}
#content{
float:left;
width:680px;
height:500px;
background:#366;
}
footer{
background:#0F6;
height:50px;
}
</style>
</head>
<header>
<nav>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div id="slider"></div>
<aside></aside>
<div id="content"></div>
<footer></footer>
<body>
</body>
</html>
حالا به این تصویر یه نگا بندازید
111217
تو اینجا قسمت سبز رنگ footer من هستش
به جای اینکه بعد از دایو های CONTENT# و <ASIDE> قرار بگیرد.
نا مرتب و به این شکل قرار می گیرد.
این مشکل را چگونه حل کنم که بیاد و زیر دایومان قرار گیرد
باتشکر فراوان