Hi i am thinking to use css div hide property wid a iframe. But i want that iframe should b LOAD as hidden or u can say i want to hide a iframe with css div hide property but iframe should be loaded as hidden in the page. Please tell if which of these code will work.
1st code:

 <div style="display:none"><iframe width="30%" height="30%" src="http://example.com/dynexample.html"></iframe>

2nd code

<div style="visibility:hidden"><iframe width="30%" height="30%" src="http://example.com/dynexample.html"></iframe>

1st code or second? Will both work?

<div style="visibility:hidden;display:none;"><iframe width="30%" height="30%" src="http://example.com/dynexample.html"></iframe></div>

More secure to cover all browsers (Opera, too).

visibility: hidden; will mean the element will NOT be visible but will occupy space in the document thus leave a gap in the flow of elements.

display: none means the element will occupy no space in the document.

For accessibility's sake, I suggest taking a cue from how CSS-based dropdown menus work, and giving that div a negative top or left margin sufficient to take it off the visible page until called for, rather than using display: none; .

tim

oh thanks you guys. so after hiding the iframe with hidden or none div property with one from both method.question is that "will iframe load as hidden in that div?" or "or it will be terminated?"

hey anyone? Please tell me if a iframe can load in a hidden div on a page.

If the container is hidden then so are the contents, but if you are thinking of using it for "cookie stuffing" or faking referrer visits, it will get caught.

no i want it 2 show as opened at once using js n css