GoFuckYourself.com - Adult Webmaster Forum

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - IFrames and HTML5 Help (https://gfy.com/showthread.php?t=1141464)

IFrames and HTML5 Help

Howdy -

I have an HTML5 Page and I need to add an iframe element with a vertical size that is 80 to 100% the VERTICAL size of the page.

Setting width=100% works, but setting height=100% does nothing.

Help!

Quote:

Originally Posted by The Truth Hurts (Post 20099050)

http://stackoverflow.com/a/19228136

Thanks! But no luck... I can set the height to any pixel size I want, but making it 100% using this method doesn't seem to work. Any other ideas?

How is HTML5 better than the other HTML?

Quote:

Originally Posted by RummyBoy (Post 20099254)

How is HTML5 better than the other HTML?

http://stackoverflow.com/a/577778

Quote:

Originally Posted by ********** (Post 20099032)

Going to need more info on your code to fix that. Going to depend on your CSS probably.
You can always make a <div> container like

Code:

#div-wrap { position: relative; width: auto; height:300px; margin: 10px auto; padding: 10px; background: transparent;

}

in the header or css style sheet

then put in

Code:

<div id="div-wrap">...,[/div]

Quote:

Originally Posted by Vendzilla (Post 20099399)

Going to need more info on your code to fix that. Going to depend on your CSS probably.
You can always make a <div> container like

Code:

#div-wrap { position: relative; width: auto; height:300px; margin: 10px auto; padding: 10px; background: transparent;

}

in the header or css style sheet

then put in

Code:

<div id="div-wrap">...,[/div]

Thanks Vendy (really!) :)

But the height can't be a fixed amount, like 300px. It has to be a percentage of the total height of the page.

For example, if you take your browser window now and reduce the horizontal size, this GFY page will change to always fit within the browser. But if you do this with an iframe, the horizontal resizing works but not the vertical resizing.

Quote:

Originally Posted by RummyBoy (Post 20099254)

How is HTML5 better than the other HTML?

What I am trying to do is make a page that displays a frame on a mobile device. HTML5 still supports iframes, but has limited or no support for regular frames. If I want the rest of the page to display correctly on mobile I have to use HTML5.

Quote:

Originally Posted by wizzart (Post 20099195)

http://jsfiddle.net/3Q774/

Thanks! This might do the trick!

Quote:

Originally Posted by ********** (Post 20099429)

Then I would have to see the whole page to figure it out, this is just a little fix that helps out a lot. And it's html5 compliant and works on mobile.

Quote:

Originally Posted by RummyBoy (Post 20099254)

How is HTML5 better than the other HTML?

Compliance with html5 standards means it works on mobile and tablets, where a lot of your traffic is going to come from.

That's why most everyone uses divs instead of tables

Great tool to make sure your code is good
http://validator.w3.org/

Quote:

Originally Posted by ********** (Post 20099433)

Thanks! This might do the trick!

glad to help ;)