Ga izražava

Ovaj post bi mogao biti dobar primjer za izraz "Nastava baka sisati jaja" ... Jer ovo je samo BASIC CSS stvari. Ali za one poput mene nesvjestan, to može biti blagoslov maskirati. Uvijek sam mislio (ja mogao izgubiti svoj posao za Time), to je jedino moguće da neki dio HTML sadržaj stranice statički elektricitet (značenje, njegova pozicija ostaje kao na Windows pomicanje), koristeći neke pametne scenarije, Doing svima znanstveni izračuni pronaći dinamički položaj, stupičarenje Window.scroll događaje i postavljanje timeouts itd.

Nikad ne misli da bi mogao kao jednostavan kao ovaj .... Ovdje u CSS / HTML u nastavku, imam četiri statičke blokova, jedan pričvršćen za svaki extrimities na stranici TOP, desni i donji i lijevi ... Nepotrebno je reći ... možete odabrati bilo jedan ili više ako treba ...

CSS
. Static {display: block; z-index: 10, color: # FFFFFF; overflow-x: skriveno; overflow-y: skriveno; položaj: ixed;
}
# Sadržaji {margin: 0px 100px 150px 160px; border: 1px solid # e6e6e6}

# Wrap-t {top: 0px; background: # 33CC66, širina: 100%, visina: 55px;}

# Wrap-l {top: 80px; background: # FF9966; visina: 300px; širina: 150px; border: 2px solid # e6e6e6;}

# Wrap-b {dno: 0px; background: # 3333CC, širina: 100%, visina: 55px;}

# Wrap-r {top: 80px; background: # 6666FF, visina: 300px; širina: 140px; border: 2px solid # e6e6e6; desno: 0;}

HTML
<div id="contents"> Vi glavni sadržaj stranica </ div>
<div id="wrap-b" class="static">
Statični Sadržaj na dnu stranice
</ Div>
<div id="wrap-t" class="static">
Statični Sadržaj na stranice Vrh
</ Div>

<div id="wrap-l" class="static">
Statični Sadržaj na stranici lijevo
</ Div>
<div id="wrap-r" class="static">
Statični Sadržaj stranice na desnoj strani
</ Div>

Pogledajte wroking uzorak ovdje