height

Getting the height of a 'Facebook Comments' widget/social plugin

由 我只是一个虾纸丫 提交于 2019-12-06 11:12:18
Using Facebook Javascript SDK+XFBML, I'm implementing the fb 'comments widget', as explained here . then, using the fbml line: <fb:comments href="someurl.com" num_posts="2" width="400"></fb:comments> creates an iframe with the comments widget. The height of the iframe is of-course according to the length of the comments; I need to make changes to my page according to the height of the comments widget. I can tap into when the widget has finished loading, by using FB.Event.subscribe('xfbml.render') (I found it more accurate than using 'ready' or 'load'), but I cannot get the height of the

Internet Explorer 7 iframe, make height 100%

由 若如初见. 提交于 2019-12-06 09:57:35
In a page, I have a single iframe in which I will load various things (some js, Java applet). I would like to set its dimensions so that it always fits the browser (100%,100%) and is scrollable. Unfortunately, the 100% only works for the width, for the height my contents are vertically squeezed if I don't set a value in pixels... I have frozen the browser's scrollbars as the behavior of those in IE7 is horrible. How would I fix this ? Maybe a Javascript workaround is the only solution ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

css div height 100% problem?

由 青春壹個敷衍的年華 提交于 2019-12-06 09:53:40
I would like a div to take all the screen height, that's why I found the following links: http://www.webmasterworld.com/forum83/200.htm http://www.thefutureoftheweb.com/blog/100-percent-height-interface the tricks: make the container have a specified height, for example: body{height:100%} seems work fine, however, I found that: once you add some doctype claim, for example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> It doesn't work, at least at Firefox 3.*, it doesn't work. Any suggestions? The following works for me in HTML 4.01 strict

Multiline grid with elements of same height using flexbox

由 隐身守侯 提交于 2019-12-06 09:33:25
问题 I'm trying to create a grid which will have multiple row and columns. I'd like them all to have the same height using flexbox, but the only thing I can get is columns of same size on one row. Here is an example of what I'm trying to do: http://jsbin.com/maxavahesa/1/edit?html,css,output In this example I'd like all my <li> 's to have the same height, which means the height of the biggest item (in my example, this would be the last <li> ). Is it possible to achieve with flexbox ? 回答1: No, this

Is there a way to get access to the row height previously calculated in “heightForRowAtIndexPath”?

由 六月ゝ 毕业季﹏ 提交于 2019-12-06 08:47:57
I calculate the height of a row in the method "heightForRowAtIndexPath" but I need to use this value in the method "cellForRowAtIndexPath" ... is there a way to get access to the value already calculated or do I need to do the calculations again ? Thks, Gotye. 来源： https://stackoverflow.com/questions/2531004/is-there-a-way-to-get-access-to-the-row-height-previously-calculated-in-heightf

Middle div with 100% in CSS? [duplicate]

由 こ雲淡風輕ζ 提交于 2019-12-06 08:07:39
This question already has answers here : Closed 7 years ago . Possible Duplicate: CSS - percentage height I can't get the middle div of 3 divs to fit 100% of available space. <body> <div id="container"> <div id="header"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> My CSS is: html, body { margin: 0; padding: 0; border:1px; vertical-align:top; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333; height: 100%; } #container { height: 100%; width: 100%; } #header { height: 100px; width: 100%; background: #069; } #content { height: 100%;

How can I make DIV 100% height of browser without vertical scrolling of header

由 跟風遠走 提交于 2019-12-06 07:55:03
Both the left and right panels have a height of 100%, but since the Header div takes up X amount of space, there is some vertical scrolling in the window that I want to get rid of. How can I remove that vertical scrolling? JSFiddle: http://jsfiddle.net/G7unG/1/ CSS and HTML html, body{ height: 100%; margin: 0; } .header{ background: #333; padding: 15px; text-align:center; font-size: 18px; font-family: sans-serif; color: #FFF; } .leftpanel, .rightpanel{ height: 100%; } .leftpanel{ float: left; width: 70%; background: #CCC; } .rightpanel{ float: left; width: 30%; background: #666; } <div class=

Is it possible to have Dojo/Dijit DataGrid autoheight functionality based on the parent div size instead of a number of rows?

由 青春壹個敷衍的年華 提交于 2019-12-06 06:55:27
问题 I have a datagrid that is updated periodically and the number of rows inside it grows steadily over time. It is inside of a parent div with a height of 60% of the screen. If I set autoheight to, say, 5 rows, the table works properly. When a sixth row is added, a scrollbar appears within the datagrid and I can scroll up/down and the headers remain fixed at the top and visible. Unfortunately, once I have a lot of data, this is a waste of space -- I have 60% of the screen's height to work with,

How do I set the width and height of my swf in AS3?

由 我们两清 提交于 2019-12-06 06:45:36
How do I set the width and height of my swf in AS3? This is my code so far: package { import flash.display.Sprite; public class Game extends Sprite { } } Right now, when loaded it is at some arbitrary default size. If I can't change the size this way, is there any easy work around that will be consistent? Try putting [SWF(backgroundColor="#000000", width="200", height="400", frameRate="29")] In the line above public class Game extends Sprite { .... Where you, of course, can set backgroundColor, width, height etc. To whatever you want. Hope it helps! I know you say you want to set the size via

Using jQuery each to grab image height

由 蓝咒 提交于 2019-12-06 05:18:53
I have a bunch of images on a page. I'm trying to use jQuery to grab the height of each image and display it after the image. So here is my code: $(document).ready(function() { $(".thumb").each(function() { imageWidth = $(".thumb img").attr("width"); $(this).after(imageWidth); }); }); <div class="thumb"><img src="" border="0" class="thumb_img"></div> <div class="thumb"><img src="" border="0" class="thumb_img"></div> <div class="thumb"><img src="" border="0" class="thumb_img"></div> [...] My logic behind the jQuery is that I want to go through each "thumb" selector, assign the height of the img
订阅 height