height

JS - File Reader API get image file size and dimensions

若如初见. 提交于 2020-01-01 10:15:11
问题 Hi i'm using the following code to get the upload image using File Reader API: <script type="text/javascript"> var loadImageFile = (function () { if (window.FileReader) { var oPreviewImg = null, oFReader = new window.FileReader(), rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\

HTML/CSS full height sidebar

℡╲_俬逩灬. 提交于 2020-01-01 08:44:05
问题 I've found a lot of discussions and questions littered around the internet pertaining to this question, however, none of them seem to match my case and solutions are highly specific to a certain situation. I have a header element with a height of 100px at the top of the page. I have a div#sidebar element floated left with a width of 250px , and finally a div#main element also floated left. The height of html , body , and div#sidebar is 100% . My goal is to get div#sidebar to extend all the

HTML/CSS full height sidebar

一世执手 提交于 2020-01-01 08:43:08
问题 I've found a lot of discussions and questions littered around the internet pertaining to this question, however, none of them seem to match my case and solutions are highly specific to a certain situation. I have a header element with a height of 100px at the top of the page. I have a div#sidebar element floated left with a width of 250px , and finally a div#main element also floated left. The height of html , body , and div#sidebar is 100% . My goal is to get div#sidebar to extend all the

jScrollPane 2.0 height problem in chrome

柔情痞子 提交于 2020-01-01 02:34:09
问题 I am using a div with class scroll-pane (height 100%) within an absolute positioned div. The scroll-pane div contains some text first, followed by an image and followed by some text again. The image height is set to 200px. Problem is! If I view the scrollpane in Chrome (latest Version) I sometimes can scroll the complete content and sometimes, after refreshing the site in the browser, not. Not does mean that I can only see a part of the second text and not more. So the actual scrolling height

Set the height of a div to be half of whatever the width is

拟墨画扇 提交于 2019-12-31 21:45:12
问题 How can I set the height of a div to be exactly half whatever the width is, when the width will change depending on the users screen size? I have the following set on a div... #div1 { min-width:400px; width:100%; max-width:1200px; height:400px; background-color:red; } The width works fine on this, it locks at 400 pixels if the screen gets too narrow and it also stops expanding at 1200 pixels if the screen gets too big. But, I also want the height to change to be exactly half of what the width

Parent div not expanding to children's height

僤鯓⒐⒋嵵緔 提交于 2019-12-31 09:16:08
问题 As you will see, I have a div ( #innerPageWrapper ) that wraps around the divs that contain the content. #innerPageWrapper also does act visually as a semi-transparent border in the layout. My problem is that #innerPageWrapper won't expand to fit the children inside, let alone expand to fill the rest of the page. This is the code for #innerPageWrapper #innerPageWrapper { width: 1100px; height: 100%; display: inline-block; padding: 0 50px 0 50px; background: rgba(0, 0, 0, 0.75) url(navShadow

JQuery Mobile: Adjusting Width and Height of Grouped Select

余生长醉 提交于 2019-12-31 06:41:06
问题 I had a problem before positioning grouped select but fortunately been fixed. now I am having problems with resizing, adjusting width/height of the grouped select. If there is anyone who can help me I will greatly appreciate it. below is my code... this is my code to position it on the screen, even if i add width and height to this it seems like it is not updating. I also noticed that the width changes based on the length of the selected item. eg is when i select "September" the width of the

Webview height not changing after resize font size

▼魔方 西西 提交于 2019-12-31 02:03:31
问题 In my application I use a ScrollView. This ScrollView contain many Webview. I change the webview font size: webView.getSettings().setTextSize(WebSettings.TextSize.LARGER); after I change again the font size: webView.getSettings().setTextSize(WebSettings.TextSize.SMALLER); The font size is changing, but the webview layout height is not changing. The text is smaller and there are a big space. There are any method to this problem? 回答1: you might have to reload your webview with ie: webview

WPF StackPanel vertical Frame full height

夙愿已清 提交于 2019-12-30 09:26:11
问题 I need to fill empty space with last element in stackpanel (Frame): <DockPanel> <StackPanel Orientation="Vertical"> <Frame NavigationUIVisibility="Hidden" Height="100" x:Name="_menu" /> <Frame NavigationUIVisibility="Hidden" x:Name="_mainFrame" /> </StackPanel> </DockPanel> _mainFrame - fill empty space from _menu Frame to the bottom 回答1: StackPanel is not the layout container for allowing elements to "fill remaining space". StackPanel has a specific purpose among other layout containers. it

Height of ListView fills the whole screen, although set as wrap_content

余生颓废 提交于 2019-12-30 08:13:31
问题 i have this ListView inside a LinearLayout: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" > <TextView .../> <EditText /> ... </EditText> <ListView android:id="@+id/words_list" android:layout_width="match_parent" android:layout_height="wrap_content" > </ListView> </LinearLayout> The List is populated programmatically by a