Home/ Questions/Q 8312135
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T20:03:34+00:00

Could you please give a html code for the following? I need to display

  • 0

Could you please give a html code for the following?

I need to display div and iframe horizontally fitting the whole page. But I need div to be fixed size (100px) and iframe fitting the remaining space.

div+iframe

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    http://jsfiddle.net/gZNKk/1/

    <html><head>
    <style>
        body, html {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }
        #left {
            float: left;
            width: 100px;
            background: blue;
            height: 100%;
        }
        #right {
            width: auto; /* This is the default */
            float: none;
            margin-left: 100px;
            background: red;
            height: 100%;
        }
        #right-iframe {
            background: yellow;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div id="left"></div>
<div id="right">
    <iframe id="right-iframe"></iframe>
</div>
</body></html>​

    EDIT: Fixed the extra spacing on the right causing the scrollbar to appear.

    • 0