Two <iframe> in same html file isn't working properly

Viewed 27

I tried to add two local html file (as frame, inside one html code) in two different iframe, but its not working. Output showing the same html file in both frame.[I guess, screenshot will help to understand my problem]

Here my html code.

<!DOCTYPE html>
<html>
<head></head>

<body>
<h1>Frame1:</h1>
<iframe src="frame1.html" frameborder="1" width="100%" height="250px" name="frame1">
</iframe>
<br /><br /><br />

<h2>Frame 2:</h2>
<iframe src="frame2.html" frameborder="1" width="100%" height="250px" name="frame2">
</iframe>
</body>
</html>

frame1.html file:

<!DOCTYPE html>
<html>
<head></head>

<body>
<h2>This is a separate frame than others</h2>
</body>
</html>

frame2.html file:

<!DOCTYPE html>
<html>
<head></head>

<body>
<h3>Frame 3:</h3>
<iframe src="" frameborder="1" width="90%" height="180px">
</iframe>
</body>
</html>

Screenshot, describing my problem

1 Answers

I just try copy pasting your code in 3 different file in same folder, and i got what you need to have

Maybe this is a cache problem. Have you try to clear your cache browser? See my result and files here

Related