English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flagBelarus flagIrish flagIcelandic flagMacedonian flagMalay flagPersian flag

Remove White Box On Frame Loading

Last Updated on Tuesday, 24 August 2010 12:00
Written by Erock
Friday, 20 August 2010 03:00

I know that if any of you have used iframes you’ll have noticed the white box that floats there so in-your-face, just taunting you with its uglyness as the rest of the page loads.

Why not take a screenshot of the page when it has fully loaded, crop the img down to just the contents of the fully loaded frame, and then use it as the background for a div container around the frame. an example would be:

{code type=php}
<div style=”background: url(‘http://erikshosting.com/childframe/pre-load-screenshot.png’);”>
<iframe src=”http://erikshosting.com/childframe/frame1.php” width=”100%” height=”211″ frameborder=”0″ scrolling=”no” overflow=”hidden” name=”erocks-global-nav-embed”>
You Must Use A Browser Built This Century To See This Frame</iframe></div>
{/code}
Tags: , , , , , , ,

This entry was posted on Friday, August 20th, 2010 at 3:00 pm and is filed under Web Design Tips. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.