Home > kruimelpad

vorige 51 volgende

inhoud

Twitter invoegen (6)

Tot de tijd dat de berichten bij twitter zijn opgehaald weet de browser niet de hoogte van het twitterblok, en plaatst wat erna komt bovenaan in de linkerkolom. - Dan moet de linkerkolom even wachten tot twitter klaar is.

Gerealiseerd in deze stap

  • De inhoud is uit het twitterblok gehaald, en neergezet in een tijdelijke div "tempTwit"; in de linkerkolom staat alleen wat er onder komt.
  • De #tempTwit staat meteen na de <body>-tag, nu nog zichtbaar.
  • Vervolgens is de hele linkerkolom met javascript, via {display:none}, onzichtbaar gemaakt.

Als een pagina weinig inhoud, een korte rechterkolom en een lange linkerkolom heeft (zoals deze, bezien op 1280*768px of hoger) wordt nu de footer op de onderrand van het scherm geplaatst - terwijl deze later lager moet komen, wat verspringen betekent als het twitterblokje gevuld wordt. Dat is niet zo mooi.
Test hier het verspringen van de footer (reset).

Twitter

[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[vultekst]
[laatste kolomregel]
[rechterkolom]
[vultekst]
[vultekst]
[laatste kolomregel]