height

Inner div to have height 100% inside a container of height auto

由 ♀尐吖头ヾ 提交于 2019-12-23 08:39:52
问题 I'm struggling to get a div to expand fully to it's container's height. Markup: <div class="container"> <div class="innerOne inner"></div> <div class="innerTwo inner"></div> </div> At different viewports .innerTwo 's content is taller than that of .innerOne 's but I would like it's background to be the same size as .innerTwo 's Styles: .container { width: 100%; height: auto; background-color: yellow; /* clearfix */ *zoom: 1; &:before, &:after { display: table; content: ""; line-height: 0; } &

Inner div to have height 100% inside a container of height auto

由 自作多情 提交于 2019-12-23 08:39:02
问题 I'm struggling to get a div to expand fully to it's container's height. Markup: <div class="container"> <div class="innerOne inner"></div> <div class="innerTwo inner"></div> </div> At different viewports .innerTwo 's content is taller than that of .innerOne 's but I would like it's background to be the same size as .innerTwo 's Styles: .container { width: 100%; height: auto; background-color: yellow; /* clearfix */ *zoom: 1; &:before, &:after { display: table; content: ""; line-height: 0; } &

Get visible height of an element instead of its actual height with jquery

由 不羁的心 提交于 2019-12-23 08:08:28
问题 This post is related to this one. Please consider reading it as well. :-) In the post I linked to, I figured the solution to my problem would be to change the target of a link if the visible height of a div is greater than that of another div. In my layout, all the divs I'm referring to have a height of 1100px. But that's not what I want to get. I'd like the script to get height of the div that is currently visible to the visitor, not its real height. Is there a way to do it using jQuery?

How do I make an iframe 100% height of a containing div in Firefox?

由 我们两清 提交于 2019-12-23 07:56:11
问题 I'm having some trouble figuring out how to extend an iframe to 100% of it's container element in Firefox and IE (it works fine in Chrome). From searching around, it makes sense that there has to be a height specified on the containing div (and possibly body and html as well). However, I have done that, and the iframe is still not extending. Do all of the parent divs have to have a specified height and position for this to work, or just the containing parent? Any fix for this would be greatly

Create buttons using jquery-mobile that stretch fullscreen

由 痴心易碎 提交于 2019-12-23 06:14:07
问题 I'm trying to create a home page screen where the buttons in the body take up the full screen after the header and footer. Ideally the buttons 2x2 will stretch out to the remaining space on the screen. I tried using ui-grid-a to stretch the buttons to the width of the screen but was unable to alter the height to the screensize. <section id="Home" data-role="page"> <header data-role="header"> <a href="#Home">Home</a> <h1>testapp</h1> <a href="#Setup">Setup</a> </header> <div data-role="content

Set div block to 100% height

由 纵饮孤独 提交于 2019-12-23 06:13:10
问题 i have markup like this: <html> <body> <div class="page"> <div class="top_menu"> some text </div> <div class='header'> menu </div> <div class="main"> <div class="left_sidebar"> left </div> <div class="content"> left </div> <div class="right_sidebar"> right </div> </div><!-- main div --> </div> <!-- page div --> </body> </html> I need to set block .main to 100% page height, this is my css: html { height: 100%; } body { height: 100%; min-height: 100%; margin: 0; padding: 0; } .page { height:

Creating dynamically sized square (equal height and width) UI elements in Android

由 梦想的初衷 提交于 2019-12-23 05:46:06
问题 As the title states, I am trying to set the width of a layout element to be equal to the height (which is set to match the parent). I've tried setting the width parameter programatically from the height parameter, but this shows up as -1 rather than the actual height (since it matches the parent). Anyone know how I can create square layout elements whose size is dynamic? Thanks. 回答1: So what I've been doing for things like this -- and I don't know that it's ideal, but it works quite well --

dynamic height of chart of highchart

由 孤人 提交于 2019-12-23 04:45:44
问题 It is necessary to automaticly and dynamicly change (update) the height of highcharts's charts depending on the amount rows (example, for horizontal bars) on it. The height of one element (example, horizontal bar) is constant (for example, 20px). The height of charts with X elements set automaticly (~ 20px * X). 回答1: You can do this with a little pre-setup. Set variables for: the top and bottom margins the point and group padding the width of the points the number of data points in your data

Internet Explorer 7 iframe, make height 100%

由 旧街凉风 提交于 2019-12-22 20:09:40
问题 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 ? <

Making a StackPanel scrollable in Windows Phone 8

由 孤者浪人 提交于 2019-12-22 18:27:28
问题 I have a list of controls, put into a stackpanel. These controls are Hubtiles, that are added programatically after a user creates it - a list essentially. I need to make the StackPanel in which they are added, scrollable - what would be the best approach for this? Should i put the stackpanel inside a ScrollView, and then increase the StackPanels height with the actual height of the Hubtile - to make it scrollable, but not so that the user can scroll infinite without something being there. So
订阅 height