Iframe not working.

Expand Post »

I have two html files.

FirefoxBug.html

HTML and CSS Syntax (Toggle Plain Text)
<html>
<body>
<div style=background-color:red;>
<iframe src="/iframe.html"></iframe>
</div>
</body>
</html>
<html>
<body>
<div style=background-color:red;>
<iframe src="/iframe.html"></iframe>
</div>
</body>
</html>

And iframe.html

HTML and CSS Syntax (Toggle Plain Text)
<html>
<body style=background-color:blue;>
<div>
<p>This backgroud should change</p>
</div>
</body>
</html>
<html>
<body style=background-color:blue;>
<div>
<p>This backgroud should change</p>
</div>
</body>
</html>

I have these two files in the same folder on my desktop, and I am not sure why the iframe will not load.

Is a DTD type required for iframes to work?

Thanks, sj

Similar Threads

Dynamic iFrame height, not working in ie without refresh. in JavaScript / DHTML / AJAX
iframe height in HTML and CSS
Iframe opening new window problem in HTML and CSS
mozilla & dynamic width iframe in HTML and CSS
Working on new design in DaniWeb Community Feedback

Sailor_Jerry

Reputation Points: 13

Solved Threads: 2

Junior Poster in Training

Offline

88 posts
since Aug 2005

Permalink

Aug 8th, 2006

Re: Iframe not working.

Got it working.

HTML and CSS Syntax (Toggle Plain Text)
<?xml version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<style>
div{background-color:red; padding:5em;}
</style>
</head>
 
<body>
<div>
<iframe src="iframe.html" ></iframe>
</div>
</body>
</html>
<?xml version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<style>
div{background-color:red; padding:5em;}
</style>
</head>

<body>
<div>
<iframe src="iframe.html" ></iframe>
</div>
</body>
</html>

and iframe.html

HTML and CSS Syntax (Toggle Plain Text)
<?xml version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; 
charset=ISO-8859-1"/>
</head>
<body>
<div>test iframe</div>
</body>
</html>
<?xml version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; 
charset=ISO-8859-1"/>
</head>
<body>
<div>test iframe</div>
</body>
</html>

Sailor_Jerry

Reputation Points: 13

Solved Threads: 2

Junior Poster in Training

Offline

88 posts
since Aug 2005

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: expanding site content with css

Next Thread in HTML and CSS Forum Timeline: Dreamweaver MX In China

DaniWeb Message

Cancel Changes

User Name
Password