Jquery Altezza elemento dinamico per coprire l'altezza del browser: jquery, html, altezza

Ho il layout come segue.

L'altezza dell'elemento ridimensionabile è mantenuta tale da coprire l'intera altezza del browser.

Pochi punti

• Il layout dovrebbe funzionare con il ridimensionamento del browser.
• Elementi principali e Elementi di fondo sono opzionali, ad esempio alcune pagine potrebbero includerle.
• Usando Ajax per caricare il contenuto, che può arrivare Elementi principali o Elementi di fondo
• intestazione, piè di pagina e LeftSide non cambieranno una volta caricata la pagina.
• l'altezza minima è di 100 px
• Il layout dovrebbe funzionare con IE 6 :(

Ho iniziato a scrivere eventi di ridimensionamento del browser basati su script. Ma non poteva venire a una logica adeguata. Anche l'elemento di ridimensionamento non copre l'evento se viene aggiunto un nuovo contenuto Elementi principali o Elementi di fondo

Ho provato a cercare il plug-in di layout, ma è stato un po 'eccessivo per me.

se non la soluzione, il suggerimento aiuterà. Grazie.

risposte:

Non sono abbastanza sicuro di capire cosa stai chiedendo di fare, perché sembra che tu possa farlo con i CSS - a meno che non fraintendiamo il tuo obiettivo, fare ciò con jQuery è solo una cosa eccessivamente complicata.

Il tuo "elemento da ridimensionare" deve essere assegnato ad un'altezza del 100%, e tutti gli altri elementi contenenti devono anche essere assegnati al 100% di altezza. Questo è un po 'complicato, ma non troppo male.

Dai un'occhiata a questi tutorial sull'altezza del 100%:

http://www.xs4all.nl/~peterned/examples/csslayout1.html http://www.tutwow.com/tips/quick-tip-css-100-height/

Quindi gli elementi in alto e gli elementi in basso div possono essere nascosti (.hide ()) o mostrati (.show ()) in base alla presenza o meno di contenuti. Ti indirizza nella giusta direzione?