Gracias Jose Maria. La cosa es que la imagen : lineas_fond.png va por encima de todo, y el main_content por debajo, de forma de que se superponga, de ahi el -269px.
Mi pregunta es, esto afecta a que el footer no vaya inmediatamente después del div MAIN_CONTENT?
Aqui adjunto el código HTML
<div class="container">
<div class="header">
<a href="http://www.asdfas.com">
<img id="Insert_logo" src="images/logo_Neumaticos.png" alt="Neumáticos Extremadura" name="Servicios neumáticos Extremadura" /></a>
<img class="lineas" src="images/lineas_fond.png"/>
<!-- end .header --></div>
<div class="sidebar1">
</div>
<div class="sidebar2">
<ul class="nav">
<li><a href="#">Ofertas</a></li>
<li><a href="#">Sobre Nosotros</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="contacto.php">Contacto</a></li>
<li><a href="localizacion.html">Localización</a></li>
</ul>
</div>
<div class="main_content">
<div class="content">
<div class="cont_info">
<h2>Localizanos</h2>
<div class="column">
Nos encontramos en .</div>
<div id="map-canvas"></div>
</div>
<!-- end .content --></div>
</div>
<div style="clear: both"></div>
<div class="art-footer">
<div class="art-tag-condiciones"><p><a href="#" id="dialog-link1" >
Condiciones de uso</a></p></div>
<div class="art-tag-politica"><p><a href="#" id="dialog-link">
Política de privacidad</a></p></div>
<div id="dialog1" title="Condiciones de uso">
<!--Condiciones de uso-->
<p>
En virtud de lo dispuesto en la Ley 15/1999, de 13 de diciembre, de Protección
de Datos de Carácter Persona.....
</p>
</div>
<div id="dialog" title="Política de privacidad">
<p>
En virtud de lo dispuesto en la Ley 15/1999, de 13 de diciembre, de Protección
de Datos de Carácter Personal, l........
</p>
</div>
<div class="copy_right">@ 2014 Neumáticos</div>
</div>
<!-- end .container --></div>
Aqui el css más relevante.
.container {
width: 100%;
min-width: 680px;
}
.header{
height: 188px;
}
.lineas{
display: block;
position: relative;
top: -42px;
margin-left: auto;
margin-right: auto;
z-index: -1;
float: right;
}
.sidebar1 {
width: 100%;
top: -230px;
height:44px;
float:left;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
background-image:url(../images/background_head_top_small_web_n.png);
z-index: -2;
}
.main_content{
overflow: hidden;
height: auto;
position: relative;
width: 100%;
top: -269px;
}
.cont_info{
border: 2px solid #003233;
border-radius: 20px;
border-color: #666;
position: relative;
width: 83%;
margin-left: auto;
margin-right: auto;
background-color: rgba(247, 148, 29, 0.54);
font-size: smaller;
padding-bottom: 18px;
margin-top: 0px;
}
.content {
height: 100%;
position: relative;
z-index: -2;
background-image: url(../images/background_forest.png);
background-repeat: no-repeat;
background-position: center;
}
