Esprimere IT

Questo post potrebbe essere un buon esempio per la frase "nonna Insegnare a succhiare le uova" ... perchè questo è solo BASIC Stuff CSS. Ma per chi, come me la dimentico, questa potrebbe essere una benedizione sotto mentite spoglie. Ho sempre pensato (potrei perdere il mio lavoro per aver detto questo), era solo possibile mantenere una parte del contenuto della pagina HTML STATICO (significato, la sua posizione rimane AS Scroll Window), utilizzando alcuni script intelligenti, facendo tutte quelle scientifiche calcoli per trovare la posizione dinamica, intrappolando gli eventi Window.scroll e impostando timeout, ecc

Mai pensato che potrebbe così semplice .... Qui, nel CSS / HTML sottostante, ho quattro blocchi statici, uno fisso a ciascuno extrimities della pagina, Top, Right, basso e da sinistra ... inutile dire ... è possibile scegliere uno o più se ha bisogno di essere ...

CSS
. Static {display: block; z-index: 10; color: # FFFFFF; overflow-x: hidden; overflow-y: hidden; posizione: ixed;
}
Il contenuto # {margin: 0px 100px 150px 160px; border: 1px solid # e6e6e6}

# T {wrap-top: 0px; background: # 33CC66; width: 100%, altezza: 55 pixel;}

# Wrap-l {top: 80px; background: # ff9966; height: 300px; width: 150px; border: 2px solid # e6e6e6;}

# Wrap-b {bottom: 0px; background: # 3333CC; width: 100%, altezza: 55 pixel;}

# Wrap-r {top: 80px; background: # 6666FF; height: 300px; width: 140px; border: 2px solid # e6e6e6, a destra: 0;}

HTML
id="contents"> <div Voi principali contenuti della pagina </ div>
<div id="wrap-b" class="static">
Contenuto Statico sul fondo pagina
</ Div>
<div id="wrap-t" class="static">
Contenuto Statico in primo piano pagina
</ Div>

<div id="wrap-l" class="static">
Contenuto Statico nella pagina a sinistra
</ Div>
<div id="wrap-r" class="static">
Contenuto Statico a destra Pagina
</ Div>

Visualizza un campione wroking qui