Frames in HTML of fixed length

StackOverflow https://stackoverflow.com/questions/18502294

  •  26-06-2022
  •  | 
  •  

Question

I have an HTML page with three frames in it. I have given the size of frames as 150px, 300px and 150px.

If I want to change the frame size of 3rd one to 500px, the other 2 frames become smaller. I want instead the page should come up with scroll bar and frames to be of 150px, 300px, 500px repectively.

Was it helpful?

Solution 3

The solution is to use < iframe > instead of < frameset >

< iframe class="one" src="one.html" >< /iframe >

Now we can change width and height with this class.

OTHER TIPS

Instead of giving size in pixel, like 150px, try to give it in percentage. Example 

<FRAMESET cols="20%, 80%">

If you want frames below each other i.e. vertically, then you can use rows attribute of frameset.

Give the width and height of iframe as style.

eg: <iframe src="http://www.codeigniter.in" style="height:500px;width:500px;float:left;"></iframe>

If you are using the iframes(HTML 5 feature), You can mention the position in the style. I have written the sample html page for this, and it works as required. Horizontal scrolling with increasing the width of the frames is working as expected.

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <iframe width="150px"></iframe>
        <iframe width="300px"></iframe>
        <iframe width="2000px" style="position: absolute"></iframe>
    </body>
</html>

Go through the following links for position in the style of iframes http://www.w3schools.com/cssref/pr_class_position.asp

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top