height

Firefox/Safari setting height as [specified height - padding - border] for input[type=button]

由 我是研究僧i 提交于 2019-12-21 04:03:27
问题 When I use the following CSS: input[type=button] { background-color: white; border: 1px solid black; font-size: 15px; height: 20px; padding: 7px; } with this HTML: <input type="button" value="Foo" /> I expect to see this, so the total height becomes 36px : 1px border 7px padding 20px content (with 15px text) 7px padding 1px border But instead both Firefox 3.6 and Safari 4 show this: (Haven't tested in other browsers) Screenshot http://labs.spiqr.nl/upload/files

How to make a div height to fill available space

由 喜欢而已 提交于 2019-12-21 04:01:09
问题 I have a 3 column layout with some details below the columns. You will notice that one of the column's height is greater than the others'. I'd like the other two divs to automatically fill the remaining space (up to the blue div). The text will be loaded dynamically so I need this to work with any column being larger (and by an arbitrary amount). Can this be done with HTML/CSS or do I have to use some JavaScript? HTML code (relevant part of it): <div id="content"> <div id="iconsHolder"> <div

How to create two views in Android that use 50% height each, unless one is smaller?

由 不打扰是莪最后的温柔 提交于 2019-12-21 03:19:17
问题 Imagine a full Android device screen, I want it split in to two sections: The upper half has text in it, which may be larger than the space available (or not) and so the text will scroll (i.e. TextView inside a ScrollView) The lower half contains a MapView control. Looking specifically at some scenarios: If the text is small, I want the map to take up more space, i.e. more than 50%. So perhaps 20% text, 80% map. If the text is larger, it only takes up a MAXIMUM of 50% of the screen space, and

Equal height columns in jQuery

由 ﹥＞﹥吖頭↗ 提交于 2019-12-21 02:56:11
问题 Hi I am looking for a jQuery based equal height columns. I know there are a lot of them floating around but my requirement is a bit different . I want to use these in a Mega Menu where thee are about 4-5 drop-downs and each drop-down has 3-4 columns. I want all these 3-4 columns of equal height but not in all drop-downs, because the columns height will be different in the other drop-down depending on the content of that section. I found a solution in MooTools which works perfect for my

Make floating list elements equal height (with pure css)

由 ☆樱花仙子☆ 提交于 2019-12-20 14:19:24
问题 I have a list of lists. Sublists are floated left. See http://jsfiddle.net/P4Psf/ Is there a way to force these columns to be the same height as their neighbors (i.e. have Element 1, 2 and 3 equal height, then 4, 5, 6 equal height (but of course different from 1,2,3) etc. etc.)? At the moment 7 and 8 put themselves below 5 and 6, where they actually should be below 4 and 5. I of course could do this using javascript, but I'm hoping that there is a pure CSS solution that works in (at least)

WPF: Binding the height of a component to another's

由 你说的曾经没有我的故事 提交于 2019-12-20 11:22:51
问题 I have, in a window, a Grid that contains a RadioButton , a TextBox and a Button , each in column 0, 1, 2, respectively. They all have their heights set to auto. Then, in another part of the window, I have another Grid with a Label , a TextBox and a Button , in columns 0, 1, and 2. Heights are also set to auto. The problem I have is that the first grid's height is smaller than the second's. I guess it's because Label is forcing the second one to be taller. How can I make it so that the first

Full viewport height scaling div just css no js… Possible?

由 拟墨画扇 提交于 2019-12-20 09:57:09
问题 Ok, I'm trying to get a div to scale and the height is always the height of the viewport. I'm going to link to my examples as it needs some explaining. www.madmediablitz.com/tv/precentdemo.html The link above is the closest I've come to a solution and I'm hoping that someone here will find it simple to fix. What I want to happen is the tv to always be the height of the viewport (to a degree, min-height:~400px; max-height:~700px;). The code that I used there is based on http://www.alistapart

Auto height of div

由 女生的网名这么多〃 提交于 2019-12-20 08:59:59
问题 Browser shows div only when I set exact height. But i want to create resizable div according it's contents. Tried height: auto and height:100%. It doesn't help. My div looks like that. It's background div of sidebars and content. .wrapper { width: 80%; height:200px; max-width: 1260px; min-width: 780px; margin: 0 auto; background-image:url(core/design/img/transfff.png); -moz-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; } UPDATE my html looks like that <!DOCTYPE HTML>

Remove the bottom margin of a handsontable

由 三世轮回 提交于 2019-12-20 07:44:03
问题 I am using Chrome Version 61.0.3163.100 (Official Build) (64-bit) or Safari Version 11.0 (12604.1.38.1.7) under Mac OS Sierra 10.12.6. I want to create a handsontable, whose height may exceeds the height of the screen: https://jsbin.com/bobevafana/edit?html,output I realize that there is always a bottom margin below the table, does anyone know how to remove it? var app = angular.module('app', ['ngHandsontable']); app.controller('Ctrl', ['$scope', '$filter', '$timeout', 'hotRegisterer',

Firefox ignoring min-height in CSS

由 房东的猫 提交于 2019-12-20 07:39:50
问题 For some reason, min-height is not working on Firefox. I tried setting min-height on the body, but Firefox totally ignored it. Since my page is dynamic, I cannot just set the height to 100%. What should I do? body { border: 1px solid black; width: 100%; min-height: 100%; } <body> This is the body. </body> 回答1: height percentages are inherited (that includes min-height and max-height, too). From the CSS spec: Specifies a percentage for determining the used value. The percentage is calculated
订阅 height