Mengekspresikan TI

Posting ini mungkin menjadi contoh yang baik untuk frase "nenek Pengajaran menyedot telur" ... Karena ini hanya BASIC CSS Stuff. Tetapi bagi mereka, seperti saya menyadari, ini mungkin menjadi berkah tersembunyi. Saya selalu berpikir (saya bisa kehilangan pekerjaan saya karena mengatakan ini), itu HANYA mungkin menyimpan beberapa bagian dari isi halaman HTML statis (artinya, posisinya tetap ADANYA pada Geser Window), menggunakan beberapa script pintar, Melakukan semua ilmiah perhitungan untuk menemukan posisi yang dinamis, menjebak peristiwa Window.scroll dan pengaturan timeout dll

Pernah berpikir itu bisa sederhana seperti ini .... Di sini di CSS / HTML di bawah, saya memiliki empat blok statis, satu tetap ke setiap extrimities halaman, TOP, KANAN, KIRI BAWAH dan ... tentu saja ... Anda dapat memilih salah satu atau lebih jika perlu menjadi ...

CSS
Statis {display: block; z-index: 10; color: # ffffff; overflow-x: hidden; overflow-y: hidden; posisi:. Ixed;
}
# Isi {margin: 0px 100px 150px 160px; border: 1px solid # e6e6e6}

# Wrap-t {top: 0px; background: # 33CC66; width: 100%; height: 55px;}

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

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

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

HTML
id="contents"> <div Anda isi halaman utama </ div>
<div id="wrap-b" class="static">
Static Content di bagian bawah halaman
</ Div>
<div id="wrap-t" class="static">
Static Content di Atas Halaman
</ Div>

<div id="wrap-l" class="static">
Static Content pada Halaman meninggalkan
</ Div>
<div id="wrap-r" class="static">
Static Content di sebelah kanan halaman
</ Div>

Lihat sampel wroking sini