Foros del Web - Ver Mensaje Individual - Una barra que se pegue en el bottom de toda la página

emprear · #6 (**permalink**) 07/01/2012, 21:16

a ver esto

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
#top-title {
background-color: red;
}
 
#menu{
float: left;
background-color: cyan;
}
 
#mid {
float: left;
background-color: yellow;
}
 
   #bottom{
clear: both;
    width: 600px;
    height: 25px;
    background: #222;
    box-shadow: 0px 0px 4px rgba(255,255,255,1);
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
   }
 
/*]]>*/
</style>
</head>
 <body>
 <!-- Esto está arriba de todo-->
 <div id="top-title"><center>D4mnat1on</center></div>
 
 <!-- Esto debería estar a la izquierda del contenido-->
 <div id="menu">
   Menu <br /> <br />
   <a href="index.htm">Intro</a><br />
   <a href="otro.link">otra web</a><br />
   <a href="otro.link">otro lugar</a><br />
  </div>
 
  <!-- Contenido -->
  <div id="mid">
   Texto a escribir <br />
   <br />
   <br />
   <br />
   espacio para demostrar que al scrollear la barra HACIA abajo el bottom se queda en un punto de la página, y no que se queda abajo de todo.
   <br />
   <br />
   <br />
   <br />
   <br />
   a
  </div>
  
  <!-- Esto debe estar siempre debajo de toda la web, pero no pegado al browser sino que, al scrollear abajo de todo, se vea esto:... -->
  <div id="bottom">
   Diseñado a código por doom13. 2012. Todos los derechos reservados.
  </div>
 </body> 
</html>

no es fácil entender exactamente

Saludos