hola a todos,disculpen las molestias,pero necesito ayuda,no se mucho de css y pues me ocurre un problema en mi web,al colocar contenido en la pagina,despues de cierta cantidad me repite el header y luego continua con el demas contenido, y quiciera saber como evitar que me repita el header
El ejemplo de este problema esta en:
http://kalazone.es.tl/Portables.htm
necesito su ayuda porfavor el codigo de mi web es el siguiente
ARRIBA
<style type="text/css">
<!--
a:link {
color: #DEDEDE;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #DEDEDE;
}
a:hover {
text-decoration: none;
color: #DEDEDE;
}
a:active {
text-decoration: none;
color: #DEDEDE;
}
-->
</style></head>
<body>
<div id="container">
<h1>MAY TKM<strong></strong></h1>
<div id="left">
<!-- navigation -->
<div class="box">
<h2>INICIAR SESION</h2>
<form action="Iniciar-Sesion.htm" method="POST">
<table>
<tr>
<td align="left" style="color: #191919;" >USUARIO:</TD>
<td align="right"><input type="text" name="logindata[name]" value="" size="12"></TD>
</tr>
<TR>
<TD align="left" style="color: #191919;">CONTRASEÑA:</TD>
<TD align="right"><input type="PASSWORD" name="logindata[kennwort]" value="" size="12"></TD>
</TR>
<tr>
<td> </td>
<td align="left">
<input type="submit" value="iniciar sesion">
<input type="hidden" name="mode" value="1">
<input type="hidden" name="checklogin" value="1">
<input type="hidden" name="logindata[checklogin]" value="1" style=" font-family:Arial, Helvetica, sans-serif;font-size:10px; font-weight:normal; border-color:#06F;">
</td>
</tr>
</TABLE>
</form>
</div>
<div class="box">
<h2>HOME</h2>
<center><ol id="main">
<li><a href="http://www.kalazone.es.tl">INICIO</a></li>
<li><a href="http://www.kalazone.es.tl/Iniciar-Sesion.htm">Iniciar Sesion</a></li>
<li><a href="http://www.kalazone.es.tl/Registrate.htm">Registrate</a></li>
<li><a href="http://www.kalazone.es.tl/SUGERENCIAS.htm">Sugerencias</a></li>
<li><a href="http://www.kalazone.es.tl/Ayuda.htm">Ayuda</a></li>
<li><a href="http://www.kalazone.es.tl/MESSENGER-ar-.htm">Messenger</a></li>
<li><a href="http://www.kalazone.es.tl/Afiliate.htm">AFILIATE</a></li>
</ol></center>
</div>
<div class="box">
<h2>GALERIA</h2>
<center><ul>
<li><a href="http://www.kalazone.es.tl/GALERIA/index.htm">INICIO</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-8.htm">Anime_Manga</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-22.htm">Love_Dislove</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-21.htm">Dark_Ghotik</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-13.htm">picks para flog</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-16.htm">Naruto</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-11.htm">Chicas Emo</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-14.htm">Chicas Bellas</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-10.htm">Chicas 18+</a></li>
<li><a href="http://www.kalazone.es.tl/GALERIA/kat-17.htm">Hentai</a></li>
</ul></center>
</div>
<div class="box">
<h2>DESCARGAS</h2>
<center><ul>
<li><a href="http://www.kalazone.es.tl/Imagenes.htm">Imagenes</a></li>
<li><a href="http://www.kalazone.es.tl/Programas.htm">Programas</a></li>
<li><a href="http://www.kalazone.es.tl/Seriales.htm">Seriales</a></li>
<li><a href="http://www.kalazone.es.tl/Bromas-k1-XD-k2-.htm">Bromas</a></li>
<li><a href="http://www.kalazone.es.tl/PRESENTACIONES.htm">Presentaciones</a></li>
<li><a href="http://www.kalazone.es.tl/POEMAS.htm">Poemas</a></li>
</ul></center>
</div>
</div>
<!-- Main Area -->
<div id="content">
<div class="item">
<h2>Contenido</h2>
ABAJO
</div>
<div class="item_foot"></div>
<div class="item">
</div>
<div class="item_foot"></div>
</div>
<div id="right">
<div class="box">
<h2>JUEGOS</h2>
<center><ul>
<li><a href="http://www.kalazone.es.tl/Ultimos-15-juegos.htm"><b>Ultimos 15</b></a></li>
<li><a href="http://www.kalazone.es.tl/Accion.htm">Accion<</a></li>
<li><a href="http://www.kalazone.es.tl/Aventura.htm">Aventura</a></li>
<li><a href="http://www.kalazone.es.tl/Deportes.htm">Deportes</a></li>
<li><a href="http://www.kalazone.es.tl/Lucha.htm">Lucha</a></li>
<li><a href="http://www.kalazone.es.tl/Chicas.htm">Chicas</a></li>
<li><a href="http://www.kalazone.es.tl/Tiros.htm">Tiros</a></li>
<li><a href="http://www.kalazone.es.tl/Temporada.htm">Temporada</a></li>
<li><a href="http://www.kalazone.es.tl/Estrategia.htm">Estrategia</a></li>
<li><a href="http://www.kalazone.es.tl/Plataformas.htm">Plataformas</a></li>
</ul></center>
</div>
<div class="box">
<h2>Frases</h2>
<center><ul>
<li><a href="http://www.kalazone.es.tl/MAS-FRASES-DE-AMOR.htm">De Amor</a></li>
<li><a href="http://www.kalazone.es.tl/FRASES-DE-AMOR-Y-DESAMOR.htm">De Amor Y Desamor</a></li>
<li><a href="http://www.kalazone.es.tl/FRASES-DE-AMISTAD.htm">De Amistad</a></li>
<li><a href="http://www.kalazone.es.tl/MAS-FRASES-DE-AMISTAD.htm">Mas de Amistad</a></li>
<li><a href="http://www.kalazone.es.tl/Mas-frases.htm">De algo</a></li>
<li><a href="http://www.kalazone.es.tl/Aun-mas-.--.--.-.htm">De Algo Mas</a></li>
<li><a href="http://www.kalazone.es.tl/Mas-frases-.--.--.--.--.-.htm">Un Poco Mas</a></li>
</ul></center>
</div>
<div class="box">
<h2>Videos</h2>
<center><ul>
<li><a href="http://www.kalazone.es.tl/Musculacion.htm">Musculacion</a></li>
<li><a href="http://kalazone.es.tl/Musica.htm">Musica</a></li>
<li><a href="http://www.kalazone.es.tl/Locuras-y-mas.htm">Locuras y +</a></li>
<li><a href="http://www.kalazone.es.tl/Adultos.htm">Adultos</a></li>
</ul></center>
</div>
</div>
<div id="footer"><a href="http://www.kalazone.es.tl/">Web design By Edward Castillejos Montaño</a><a href="http://www.kalazone.es.tl" id="sub"></a> </div>
</div>
</body>
</html>
CSS CODE
li.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
*---------->>> GLOBAL <<<-----------*/
html { margin:0; padding:0;}
* { margin: 0; padding: 0; outline: 0; }
body {
margin:0; padding:0;
font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
font-size: 12px;
color: #ffffff; text-align: center;
background: #282a34 url('') repeat-x top center;
}
/* ---------->>> structure <<<-----------*/
#container {
margin: 0 auto;
width: 875px;
text-align: center;
}
#container h1 {
background:url('http://img3.xooimage.com/files/e/e/3/banner-123e187.jpg') no-repeat;
width: 875px;/*875*/ height: 270px;/*270*/
padding: 20px 0 0 138px; margin: 0;
display: block; overflow: visible;
text-align: left; float: left;
font-size: 30px; font-weight:normal;
}
html>body #container h1 {
width: 737px; height: 250px;
}
/* ---------->>> left <<<-----------*/
#left {
width: 192px;
margin: 1px 0 0 0; padding: 0;
float: left;
text-align: left;
}
#left a {
color: #191919;
text-decoration: none;
margin: 20px 0 0 15px; padding: 0;
}
#left .box {
background: #ffffff url(http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg) no-repeat bottom center;
width: 192px;
margin: 12px 0 0 0; padding: 0 0 15px 0;
}
#left .box h2 {
background: #ffffff url(http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg) no-repeat top center;
width: 192px /*192*/; height: 31px /*31*/;
padding: 9px 0 0 0; margin: 0;
display: block; overflow: visible;
text-align: center;
font-size: 12px;
}
html>body #left .box h2 {
width: 192px; height: 22px;
}
#left ol#main {
margin: 6px 0 0 18px; padding: 0;
list-style: none;
}
ol#main li {
font-size: 12px;
}
ol#main li a:link, ol#main li a:visited {
color: #282a34;
text-decoration: none;
font-weight: normal;
margin: 8px 0 0 0; padding: 0 0 1px 0;
}
ol#main li a:hover, ol#main li a:active {
font-weight: bold;
margin: 2px 0 3px 6px; padding: 0 0 1px 0;
border-bottom: solid 1px #191919;
}
#left ul {
margin: 6px 0 0 18px; padding: 0;
list-style: none;
}
#left ul li a {
color: #191919;
text-decoration: none;
font-weight: normal;
margin: 0; padding: 0;
}
/* ---------->>> main <<<-----------*/
#content {
width: 478px;
margin: 1px 0 33px 5px; padding: 0;
float: left;
text-align: left;
}
.item {
background: url('') repeat-y top center;
width: 478px;
margin: 12px 0 0 0; padding: 0;
}
.item_foot {
background: url('') no-repeat bottom center;
width: 478px; height: 14px;
margin: 0; padding: 0;
}
.item h2 {
background: # url('http://img3.xooimage.com/files/4/f/a/main_title-123e1d5.jpg') no-repeat top center;
width: 478px /*478*/; height: 43px /*43*/;
padding: 9px 299px 0 43px; margin: 0;
text-align: center;
font-size: 12px;
}
html>body .item h2 {
width: 136px; height: 34px;
}
.item p {
font-weight: bold;
padding: 7px 11px 7px 11px; margin: 0;
}
.item a {
color: #CCCCCC;
text-decoration: none;
}
/* ---------->>> right <<<-----------*/
#right {
width: 192px;
margin: 1px 0 0 6px; padding: 0;
float: left;
text-align: left;
}
#right .box {
background: #ffffff url('http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg') no-repeat bottom center;
width: 192px;
margin: 12px 0 0 0; padding: 0 0 15px 0;
text-align: left;
}
#right a img {
color: #191919;
text-decoration: none;
text-align: center;
border: none;
margin: 5px 0px 5px 2px; padding: 0;
}
#right .box h2 {
background: #ffffff url('http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg') no-repeat top center;
width: 192px /*192*/; height: 31px /*31*/;
padding: 9px 0 0 0; margin: 0;
text-align: center;
font-size: 12px;
}
html>body #right .box h2 {
width: 192px; height: 22px;
}
/* ---------->>> right <<<-----------*/
#footer {
width: 875px; height: 73px;
background: url('') no-repeat;
margin: 33px 0 0 0; padding: 0;
clear: both;
position: relative;
}
a#ct {
width: 151px; height: 31px;
position: absolute; top: 0; left: 703px;
}
a#sub {
background: url('./images/sub-2.jpg') no-repeat;
width: 137px; height: 62px;
position: absolute; top: 7px; left: 12px;
}
Espero que me puedan ayudar,de antemano gracias por su ayuda