Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.

Thread Tools Display Modes
Share |
Old 10-09-2010, 01:43 PM
IOWA's Avatar
IOWA IOWA is offline
Junior Member
Join Date: 09-27-10
Posts: 10
iTrader: 0 / 0%
How do I make my iframe 100% of my <div> container?

How do I make my iframe 100% of my <div> container?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Enerygym Fitness Center &amp; Juice Bar</title> <style type="text/css"> html, body { height:100%; overflow:hidden; } #layer1 { height:85%;\ } body,td,th { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; color: #000; } body { background-color: #000; } a:link { color: #FFF; } a:visited { color: #0F0; } a:hover { color: #6FF; } a:active { color: #F00; } </style> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <table width="950" border="0" style=" background-color:#000" align="center"> <tr> <td width="149"><img src="Images/freewifi.jpg" width="71" height="50" /> </td> <td width="193"><img src="Images/juicebar.jpg" width="122" height="50" /></td> <td width="113"><img src="Images/kickboxing.jpg" width="55" height="50" /></td> <td width="473"><img src="Images/paypal.jpg" width="473" height="50" /></td> <td width="0"></td> </tr> </table> <div id=layer1 style="width: 955px; margin-left:auto; margin-right:auto; background-color:#F60; border:outset #F60; border-width:thin;"> <table width="950" border="0" style="background-color:#000"> <tr> <td width="950" align=""><img src="Images/logo.jpg" width="949" height="100" /></td> </tr> </table> <ul id="MenuBar1" class="MenuBarHorizontal"> <li style="width:65px;"><a href="#">Home</a> </li> <li style="width:100px;"><a href="#">Free Trial</a> </li> <li style="width:90px;"><a href="#">Members</a> </li> <li style="width:80px;"><a href="#" class="MenuBarItemSubmenu">Classes</a> <ul> <li style="width:150px"><a href="#">Personal Trainers</a></li> <li style="width:150px"><a href="#">Kickboxing</a></li> </ul> </li> <li style="width:160px;"><a href="html/kitchen.html" target="content">Juice Bar &amp; Kitchen</a></li> <li style="width:60x;"><a href="#">Supplements</a></li> <li style="width:120px;"><a href="#">Our Location</a></li> <li style="width:100px;"><a href="#">Contact Us</a></li> <li style="width:85px;"><a href="#">About Us</a> </li> </ul> <iframe name="content" src="html/index2.html" align="middle"></iframe> </div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </html>
Reply With Quote



Old 10-09-2010, 05:27 PM
ScriptMan's Avatar
ScriptMan ScriptMan is online now
Super Moderator
Join Date: 02-10-07
Location: Central Kentucky
Posts: 13,854
iTrader: 4 / 100%
I don't mess with frames much but start by not declaring a height. I never declare a height in any div.

If you that doesn't work or you don't get a better answer I will try to find time to look at the one frame page I use for a better answer.
Reply With Quote
Old 10-12-2010, 11:36 PM
martyness martyness is offline
Junior Member
Join Date: 10-12-10
Location: Adelaide
Posts: 3
iTrader: 0 / 0%
try using css to make sure the div has no padding..

#layer1 {padding:0; \ }
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
DIVs go outside of container n0mad Coding Forum 1 11-18-2009 09:43 AM
100% Container Height Conundrum mixelplik Web Design Lobby 0 04-08-2009 11:18 PM
Container positioning. Rushtrack Coding Forum 8 02-04-2008 10:21 AM
Make iFrame Show Specified Pixels sixty6 Coding Forum 0 06-30-2006 07:56 PM

V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory

All times are GMT -7. The time now is 04:30 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC