brown2005 Posted May 21, 2009 Share Posted May 21, 2009 how can I get this iframe to have the bottom arrow in as well and not disappear under the browser. thanks Quote Link to comment Share on other sites More sharing options...
fanfavorite Posted May 22, 2009 Share Posted May 22, 2009 You will need to post more information. Code perhaps. What might be happening is that the iframe has a height that is larger than the height of the window shown. So you would need to reduce the height of the iframe. Quote Link to comment Share on other sites More sharing options...
PerfecTiion Posted May 22, 2009 Share Posted May 22, 2009 I think he wants to know how to get the bottom scrollbar, to prevent everything going under each other to fit in the web browser. Quote Link to comment Share on other sites More sharing options...
brown2005 Posted May 22, 2009 Author Share Posted May 22, 2009 http://www.stumbleupon.com/toolbar/#url=http%2525253A//letsbefriends.blogspot.com/ look at that website.. and look at the scroll bar on the right. the bottom arrow is missing as the frame has gone 100% of browser window. not the div... how can i correct this. (this is not my website but its the same problem) Quote Link to comment Share on other sites More sharing options...
fanfavorite Posted May 26, 2009 Share Posted May 26, 2009 Try a negative margin-bottom value for the iframe. Start off with something like margin-bottom: -20px; and adjust from there. Quote Link to comment Share on other sites More sharing options...
brown2005 Posted February 4, 2010 Author Share Posted February 4, 2010 Hi, I still can not get this to work... I have the following code... <!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></title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="navigation"></div> <iframe src="http://www.bbc.co.uk/sport" frameborder="0"></iframe> </body> </html> css *{margin:0;padding:0;border:0;outline:0;height:100%;overflow-y:hidden;} html {height:100%;} body {height:100%;background:#262626;font:normal 100% "Lucida Grande", "Jamrul", Helvetica, Verdana, Arial, Tahoma, sans-serif;color:#555;} #navigation{height:7%;width:100%;border-bottom:1px solid white;background:black;} iframe{width:100%;height:93%;} now what i want to do is replace the height:7% in navigation with a fixed height but when i change to say 100px; the scroll bar of the iframe is not correct. you wil need to run the two codes to see. thanks Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.