Jesprimi IT

Dan il-post jista 'jkun eżempju tajjeb għall-frażi "nannu Tagħlim li terda bajd" ... Jikkawżaw dan huwa biss BAŻIĊI imbarazz CSS. Iżda għal dawk, bħall-me tagħtix każ, dan jista 'jkun barka moħbija. Jien dejjem ikkunsidrajt (I tista 'titlef l-impjieg tiegħi biex tgħid dan), kien biss possibbli li tinżamm xi parti tas-kontenut tal-paġna HTML statiku (tifsira, il-pożizzjoni tagħha tibqa' AS IS fuq Skrollja Tieqa), bl-użu xi skripts intelliġenti, Jsir dawk kollha xjentifika kalkoli li ssib pożizzjoni dinamika, insib avvenimenti Window.scroll u l-istabbiliment timeouts eċċ

Qatt ħsibt li jista sempliċi kemm dan .... Hawnhekk fil-hawn taħt CSS / HTML, għandi erba 'blokki statiku, wieħed fiss lil kull extrimities tal-paġna, TOP, DRITT, QIEGĦ u left ... m'hemmx għalfejn ngħidu ... inti tista' tagħżel kwalunkwe wieħed jew aktar jekk ikun hemm bżonn ...

CSS
. Statiku {display: block; z-indiċi: 10; kulur: # ffffff; overflow-x: moħbija; overflow y: moħbija; pożizzjoni: issi;
}
# Kontenut {marġini: 100px 150px 0px 160px; fruntiera: 1px solida # e6e6e6}

# Wrap-t {top: 0px; isfond: # 33CC66; wisa ': 100%; għoli: 55px;}

# Wrap-l {top: 80px; isfond: # FF9966; għoli: 300px; wisa ': 150px; fruntiera: 2px solida # e6e6e6;}

# Wrap-b {qiegħ: 0px; isfond: # 3333CC; wisa ': 100%; għoli: 55px;}

# Wrap-r {top: 80px; isfond: # 6666FF; għoli: 300px; wisa ': 140px; fruntiera: 2px solida # e6e6e6; dritt: 0;}

HTML
id="contents"> <div You kontenut paġna prinċipali </ div>
<div id="wrap-b" class="static">
Kontenut statiċi fuq qiegħ Page
</ Div>
<div id="wrap-t" class="static">
Kontenut statiċi fuq Top Page
</ Div>

<div id="wrap-l" class="static">
Kontenut statika fuq Page xellug
</ Div>
<div id="wrap-r" class="static">
Kontenut statiċi fuq id-dritt Page
</ Div>

Ara kampjun wroking hawn