Comunidad de diseño web y desarrollo en internet online

Barra cistalab

Citar            
MensajeEscrito el 06 Dic 2011 01:29 am
Hola.
Quiero saber como esta hecha la barra de cristalab (la del blog) me gusta que este fija y cuando llegue a otro div se detenga, en vez de bajar hasta abajo.

Es decir no quiero se encime, tengo este code pero la barra roja queda por de la azul:

Código HTML :

<style type="text/css">
#barra {
   background-color:red;
   width:400px;
   height:100px;
   position:fixed;
   }
#barra2 {
   width:400x;
   background-color:blue;
   height:100px;
}
</style>

<div id="barra">
Esta es la barra roja que queda fija
</div>

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="barra2">
Esta es la barra azul que se pone por debajo de la roja!! 
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

Por Espeacke

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Dic 2011 04:24 pm
es una mala practica usar saltos de linea para separar un div de otro usa margenes en css

Saludos cordiales

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

firefox
Citar            
MensajeEscrito el 08 Dic 2011 04:15 am
@joshuavw quiero que se note como se desliza no quiero un margen, ademas eso no responde a mi duda.

He investigado un poco y creo que eso esta hecho con JQuery

Por Espeacke

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Dic 2011 05:24 am

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.