Ashraf Hassanein
asked on
Converting Frames page to iframe
I have my website is a frame based site, and I want to change to iframe as frames are going to be deprecated soon (It is already not supported in HTML5), I know it is not one to one transfer, but I do not see how it is possible to define columns and rows, my old frame page is:
My new iframe file:
The output of the iframe is horrible were the header.php which is in the logo iframe is not appearing at the top edge of the screen but at the upper third, also the login.php is not shown in the fully but truncated,
Unfortunately using the other alternative (<div>) is not an option for as I am using for different pages different css (as some of them are ready to use to pages) and redesigning the css is a lot of work that is why I am thinking in the iframe), can some one help me please?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<FRAMESET cols="10%, 90%">
<FRAMESET rows="10%, "90%">
<FRAME name="status" id="status" src="no-status.html" scrolling="no" noresize="noresize" frameborder="0">
<FRAME name="menu" id="menu" src="no-menu.html" scrolling="no" noresize="noresize" frameborder="0">
</FRAMESET>
<FRAMESET rows="20%, "80%">
<FRAME name="logo" id="header" src="header.php" scrolling="no" noresize="noresize" frameborder="0">
<FRAME name="main" id="main" src="login.php" scrolling="yes" noresize="noresize" frameborder="0">
</FRAMESET>
<NOFRAMES>
Sorry, your browser does not handle frames!
</NOFRAMES>
</FRAMESET>
</HTML>
My new iframe file:
<html>
<head>
<title>HTML Test</title>
</head>
<body>
<iframe name="top" id="top" width="100%" hight="10%" srolling="no" frameborder="0" seamless>
<iframe name="status" id="status" width="30%" hight="100%" src="status.php" scrolling="no" frameborder="0" seamless>
<p>iframes are not supported by your browser.</p></iframe>
<iframe name="logo" id="logo" width="30%" hight="100%" src="header.php" scrolling="no" frameborder="0" seamless>
<p>iframes are not supported by your browser.</p></iframe>
</iframe>
<iframe name="bottom" id="bottom" width="100%" hight="90%" srolling="no" noresize="noresize" frameborder="0" seamless>
<iframe name="menu" id="menu" width="20%" hight="100%" src="menu.php" scrolling="no" frameborder="0" seamless>
<p>iframes are not supported by your browser.</p></iframe>
<iframe name="main" id="main" width="80%" hight="100%" src="login.php" scrolling="no" frameborder="0" seamless>
<p>iframes are not supported by your browser.</p></iframe>
</iframe>
</body>
</html>
The output of the iframe is horrible were the header.php which is in the logo iframe is not appearing at the top edge of the screen but at the upper third, also the login.php is not shown in the fully but truncated,
Unfortunately using the other alternative (<div>) is not an option for as I am using for different pages different css (as some of them are ready to use to pages) and redesigning the css is a lot of work that is why I am thinking in the iframe), can some one help me please?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Agree with GaryC123. You should redesign the site. Also, you may want to check the code meticulously. Spelling errors are usually just ignored. Example: hight="10%" should probably be height="10%" if it is to have any effect.
ASKER
Thanks for your support I am trying to redesign using the div.