iosart.com | projects | articles | photos | about

Crazy layout dance

I have noticed that several HTML pages change their layout wildly while loading in the browser. Apparently, this behavior was caused by images at the top of the problematic pages. The image was added using JavaScript: document.writeln("<IMG SRC=...>");.

Internet Explorer didn’t like that – it had problems determining the correct page layout while loading, so it used a preliminary layout first and then the final layout. This switch in layout in the middle of loading was the reason for the annoying “jumps”.

I switched to server side include techniques (mod_include and PHP “virtual“) so the browser gets the page as the final HTML – image and all.

Comments are closed.