Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/01/2015, 02:19
alfuco
 
Fecha de Ingreso: julio-2014
Mensajes: 53
Antigüedad: 10 años, 3 meses
Puntos: 1
Respuesta: Div's se tapan unos con otros

Si claro! Es bastante largo:

HTML
Código:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Poco a poco, non stop, don't get nervous and be happy - Siens Translation</title>
<link href="pagina_principal_estilos.css" rel="stylesheet" type="text/css"/>
<link href="css/style4.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header"> 
<div><a href="pagina_principal.html"><img id="logo" src="css_imagenes/logo.jpg" alt="Siens Logo"/></a></div>  
    	   <div id="barra_inicio">
        <ul>
          <li><a class="negro">Acerca de Siens</a>
            <ul>
              <li><a href="nuestra_firma.html">Nuestra firma</a></li> <li><a href="nuestra_vision.html">Nuestra visión</a></li> 
            </ul></li>    
            <li><a class="negro">Soluciones</a>
            <ul>
              <li><a href="gestion_de_cuentas.html">Gestión de cuentas</a></li> <li><a href="gestion_terminologica.html">Gestión terminológica</a></li> <li><a href="consultoria_multilingue.html">Consultoría multilingüe</a></li><li><a href="gestion_de_la_calidad_linguistica.html">Gestión de calidad lingüística</a></li>
            </ul></li>         
           <li><a class="negro">Servicios</a>
            <ul>
            <li><a href="traduccion.html">Traducción</a></li><li><a href="localizacion.html">Localización</a></li><li><a href="gestion_de_proyectos.html">Gestión de proyectos</a></li><li><a href="validacion_linguistica.html">Validación lingüística</a></li><li><a href="ingenieria_linguistica.html">Ingeniería lingüística</a></li><li><a href="autoedicion.html">Autoedición</a></li><li><a href="postediting.html">Post-editing &amp; Big data</a></li><li><a href="interpretacion.html">Interpretación</a></li>
            </ul>
          </li> 
          <li><a class="negro" href="especializacion.html">Especialización</a>
            <ul>
              <li><a href="siens_med.html">SIENS </a><a href="siens_med.html" class="blues">Med</a></li><li><a href="siens_engitech.html">SIENS </a><a href="siens_engitech.html" class="oranges">EngiTech</a></li><li><a href="siens_energy.html">SIENS</a> <a href="siens_energy.html" class="greens">Energy</a></li><li><a href="siens_legecon.html">SIENS </a><a href="siens_legecon.html" class="browns">LegEcon</a></li>
              </ul></li>
          <li><a href="tecnologia.html" class="negro">Tecnología</a>
            <ul>
              <li><a href="herramientas_terminologicas.html">Herramientas terminológicas</a></li> <li><a href="soluciones_linguisticas.html">Soluciones lingüísticas</a></li> 
            </ul>
            </li>
             <li><a href="contacto.html">Contacto</a>
          	</li>  
            <li><a href="careers.html">Careers</a>
          	</li> 
            </ul>
        
      </div>
      <div id="barra_idiomas">
        <ul>
            <li><a href="#1">Alemán</a></li><li><a href="pagina_principal.html">Castellano</a></li><li><a href="file:///Z:/USUARIOS/ALBERTO%20FUENTES/Nueva%20Pag%20Web%20Siens/Ordenador/Ingles/pagina_principal.html">Inglés</a></li>
           </ul>
      </div>
      </div>
         
      
     <header class="cont-slider">
    <section class="slider">
      <article class="slide uno"><h5><span>SIENS Translation</span></h5></article>
      <article class="slide dos"><h5><span>Prueba</span></h5></article>
      <article class="slide tres"><h5><span>FUARK</span></h5></article>
      <article class="slide cuatro"><h5><span>umirin</span></h5></article>
      <article class="slide cinco"><h5><span>siens</span></h5></article>
    </section>
</header>

	<div class="social">
		<ul>
			<li><a href="https://twitter.com/sienstranslate" target="_blank" class="icon-twitter"><img id="image-twitter" src="css_imagenes/twitter.png" width="20" height="20" alt="Imagen Twitter"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Twitter </a></li>
			<li><a href="https://plus.google.com/118432659123156279042/about" target="_blank" class="icon-googleplus"><img id="image-google" src="css_imagenes/google-plus.png" width="20" height="20" alt="Imagen Google+"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Google&nbsp;+ </a></li>
			<li><a href="https://www.linkedin.com/company/siens-translation-s.l." target="_blank" class="icon-linkedin"><img id="image-linkedin" src="css_imagenes/linkedin.png" width="20" height="20" alt="Imagen Linkedin"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Linked&nbsp;in </a></li>
			<li><a href="contacto.html" class="icon-mail"><img id="image-mail" src="css_imagenes/icon_email.png" width="20" height="20"  alt="Imagen Mail"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Contacto </a></li>
            </ul>
	</div>

<div id="soluciones">
<div id="cuentas"> <img id="imcuentas" alt="cuentas" src="css_imagenes/cuentas.png" /><br><br> <h1 class="blues">Gestión de<br> cuentas</h1><br>DESCRIPCION<br><br><br><div id="boton6"><a class="color" href="gestion_de_cuentas.html">aprender más</a></div>
</div>
<div id="terminologia"> <img id="imterminologia" alt="terminologia" src="css_imagenes/terminologia.png" /><br><br> <h1 class="blues">Gestión terminológica</h1><br>DESCRIPCION<br><br> <div id="boton7"><a class="color" href="gestion_terminologica.html">aprender más</a></div>
</div>
<div id="consultoria"> <img id="immultilingue" alt="consultoria" src="css_imagenes/multilingue.png" /><br><br> <h1 class="blues">Consultoría multilingüe
</h1><br>DESCRIPCION<br><br><br><br>
<div id="boton8"><a class="color" href="consultoria_multilingue.html">aprender más</a></div>
</div>
<div id="calidad"> <img id="imcalidad" alt="calidad" src="css_imagenes/calidad.png" /> <h1 class="blues">Gestión de la calidad lingüística</h1><br>DESCRIPCION<br><br><br><br>
<div id="boton9"><a class="color" href="gestion_de_la_calidad_linguistica.html">aprender más</a></div>
</div>
</div>


<div id="servicios"> 
<div id="traduccion"> <img id="imtraduccion" alt="traduccion" src="css_imagenes/traduccion.png" /> <br><br><h1 class="blues">Traducción</h1><br>DESCRIPCION<br><br><div id="boton1"><a class="blues" href="traduccion.html">leer más</a></div> </div>
<div id="localizacion"> <img id="imlocalizacion" alt="localizacion" src="css_imagenes/localizacion.png" /><br><br> <h1 class="blues">Localización</h1><br>DESCRIPCION<br><br><br><br><br><br><div id="boton2"><a class="blues" href="localizacion.html">leer más</a></div></div>
<div id="Postediting"> <img id="imediting" alt="postediting" src="css_imagenes/editing.png" /><br><br> <h1 class="blues">Post-editing & Big data</h1><br>DESCRIPCION<br><br><div id="boton3"><a class="blues" href="postediting.html">leer más</a></div>
</div>
<div id="gestion"> <img id="improyecto" alt="gestion" src="css_imagenes/proyecto.png" /><br><br>  <h1 class="blues">Gestión de proyectos</h1><br>DESCRIPCION<br><br><br><br><div id="boton4"><a class="blues" href="gestion_de_proyectos.html">leer más</a></div>
</div>
<div id="check"> <img id="imvalidacion" alt="check" src="css_imagenes/validacion.png" /> <br><br><h1 class="blues">Validación lingüística</h1><br>DESCRIPCION<br><br><br><div id="boton5"><a class="blues" href="validacion_linguistica.html">leer más</a></div>
</div>
</div>
<div id="servicios2">
<div id="inglinguistica"> <img id="iminglinguistica" alt="ing" src="css_imagenes/englinguistica.png" /> <h1 class="blues">Ingeniería lingüística</h1><br>DESCRIPCION<br><br><div id="boton10"><a class="blues" href="ingenieria_linguistica.html">leer más</a></div>
</div>
<div id="Autoedicion"> <img id="imautoedicion" alt="autoedicion" src="css_imagenes/autoedicion.jpg" /><br><br> <h1 class="blues">Autoedición</h1><br>DESCRIPCION
<br><br><br><br><br><div id="boton11"><a class="blues" href="autoedicion.html">leer más</a></div>
</div>

<div id="Interpretacion"> <img id="iminterpretacion" alt="interpretacion" src="css_imagenes/interpretacion.jpg" /> <br> <br><h1 class="blues">Interpretación</h1><br>DESCRIPCION<br><br><br><br><div id="boton12"><a class="blues" href="interpretacion.html">leer más</a></div>
</div>

<div id="especializacion"><h1 class="blues">¿Como podemos ayudarle?</h1><h2><a href="siens_med.html" class="color3">SIENS </a><a href="siens_med.html" class="blues">Med</a></h2><h2><a href="siens_engitech.html" class="color3">SIENS </a><a href="siens_engitech.html" class="oranges">EngiTech</a></h2><h2><a class="color3" href="siens_energy.html">SIENS</a><a href="siens_energy.html" class="greens"> Energy</a></h2><h2><a href="siens_legecon.html" class="color3">SIENS </a><a href="siens_legecon.html" class="browns">LegEcon</a></h2>
</div>

<section id="lastpart">
<section id="solucionespie">
<header><h1 class="blanco">Siens Translation</h1></header><br><a class="color2" href="gestion_de_cuentas.html">Gestión de cuentas</a><br><br> <a class="color2" href="gestion_terminologica.html">Gestión terminológica</a><br><br><a class="color2" href="consultoria_multilingue.html">Consultoría multilingüe</a><br><br><a class="color2" href="gestion_de_la_calidad_linguistica.html">Gestión de la calidad lingüística</a></section>
<section id="links"><h1 class="blanco">Enlaces de interés</h1><br><a href="ISO_UNE/ISO_9001-2008_Certificate_28052014.pdf" class="color2">ISO 9001:2008</a><br><br><a href="ISO_UNE/UNE-EN_15038-2006_Certificate_28052014.pdf" class="color2">UNE-EN 15038:2006</a><br><br><a class="color2" href="aviso_legal.html">Aviso legal</a><br><br><a class="color2" href="careers.html">Careers</a></section>
</div>

</div>
</body>
</html>
Pongo en otro mensaje el CSS que aquí no cabe