Hola despues de horas y horas, consulta tras consulta, Tengo un nuevo problema. En cada link en el apartado del contenido se me desplaza hacia abajo, como puedo hacer para ponerlo justo bajo del encabezado, es decir, que no se me desplace hacia abajo que se me quede bien centrado y alineado. Gracias este el codigo.
Texto por encima
<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>Bienvenidos<strong></strong></h1>
<div id="left">
<!-- navigation -->
<div class="box">
<h2>AGENCIA </h2>
<left><ol id="main">
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/">INDICE</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/CONTACTO.htm">CONTACTO</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/LIBRO-DE-VISITAS.htm">LIBRO DE VISITAS</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/CHAT.htm">CHAT</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/FORO.htm">FORO</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/CONSEJOS.htm">CONSEJOS</a></div>
</ol></center>
</div>
<div class="box">
<h2>PERROS DE RAZA</h2>
<left><ul>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/Machos.htm">MACHOS</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/Hembras.htm">HEMBRAS</a></div>
</ul></center>
</div>
<div class="box">
<h2>PERROS MESTIZOS</h2>
<left><ul>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/MACHOS-MESTIZOS.htm">MACHOS</a></div>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/HEMBRAS-MESTIZAS.htm">HEMBRAS</a></div>
</ul></center>
</div>
<div class="box">
<h2>CACHORROS</h2>
<left><ul>
<div class="menu-viñetas"><a href="
http://agencia-matrimonial-canina.es.tl/CACHORROS-MACHOS.htm">MACHOS</a></div>
<div class="menu-viñetas"><a href="
http://agencia-matrimonial-canina.es.tl/CACHORROS-HEMBRAS.htm">HEMBRAS</a></div>
</ul></center>
</div>
</div>
<!-- Main Area -->
<div id="content">
<div class="item">
<h2> </h2>
Texto por debajo
</div>
<div class="item_foot"></div>
<div class="item">
</div>
<div class="item_foot"></div>
</div>
<div id="right">
<div class="box">
<h2>LINKS</h2>
<center><ul>
<div class="menu-viñetas"><a href="http://cooldogs-denia.es.tl"> COOL DOGS </a></div>
</ul></center>
</div>
<div class="box">
<h2>OTROS</h2>
<center><ul>
<div class="menu-viñetas"><a href="http://agencia-matrimonial-canina.es.tl/encuesta.htm">ENCUESTA</a></div>
</div>
<div class="box">
<h2>OTROS 2</h2>
<center><ul>
<li><a href="#">Prueva</a></li>
</ul></center>
</div>
</div>
<div id="footer"><a href="http://www.viadeescape.es.tl/">Web design By Via de Escape</a><a href="http://www.viadeescape.es.tl" id="sub"></a> </div>
</div>
</body>
</html>
CCS-CODE
lli.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: 874px;
text-align: center;
}
#container h1 {
background:url('http://img26.xooimage.com/files/5/9/5/age-1e883a2.jpg') no-repeat;
width: 874px;/*874*/ 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 vuestra respuesta
