1 Replies - 1414 Views - Last Post: 10 April 2013 - 06:32 PM

#1 g37752  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 195
  • Joined: 24-July 12

frameset not working in firefox 17

Posted 10 April 2013 - 05:10 PM

i am trying to push the main frame to the right with a blank frame. it works in IE8, but it wont work in FF17 no matter what i put in the frame. it just shows the 2nd frame twice, completely ignoring my 1st frame?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 
<html>
<head>
<title></title>
</head>

<frameset cols="20%,*" border="0">
  <frame src="blank.html" name="left" frameborder="no" scrolling="no" noresize="noresize" >
  <frame src="http://example.com" name="mainFrame" frameborder="no" >
</frameset>

</html>


in the 1st frame, i have tried blank div, <img>, blank table.

This post has been edited by Atli: 10 April 2013 - 06:33 PM
Reason for edit:: Replaced real URL full of advertisements with example value.


Is This A Good Question/Topic? 0
  • +

Replies To: frameset not working in firefox 17

#2 Atli  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 3712
  • View blog
  • Posts: 5,964
  • Joined: 08-June 10

Re: frameset not working in firefox 17

Posted 10 April 2013 - 06:32 PM

I'm not sure about FF17, but FF20 shows this just fine. Do you get any errors in the Error Console?

Running your code through the W3C Markup Validator, there are three errors. None of them seem like they'd cause to much trouble, but fixing them is worth a try nonetheless.

Have you considered pushing your frame using CSS rather than another frame? Ideally you should avoid using frames in new code (they are obsolete in HTML5, with the exception of <iframe>) and instead start using Javascript and CSS. But you could easily set up a frame with your site in it using CSS and an <iframe>, in a normal non-frameset document.

For example:
<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        iframe {
            position: absolute;
            left: 20%;
            height: 100%;
            width: 80%;
        }
    </style>
</head>
<body>
    <iframe src="http://example.com/" name="mainFrame" frameborder="0">
</body>
</html>


Was This Post Helpful? 1
  • +
  • -

Page 1 of 1