If you're using AutoLayout on iOS8, a important part is to tell the UITableView to be "autolayouted": self.tableView.rowHeight = UITableViewAutomaticDimension; self.tableView.estimatedRowHeight = 50.0; // your estimated average cell height Also, it would be best to use a custom cell and override the Method "layoutSubviews": - (void)layoutSubviews { [super layoutSubviews]; //...
javascript,jquery,random,height
Simply check if there are more li elements in the list than the current value of i and if there are, update the corresponding element instead of creating a new one. var i=0; while( i++ < 100) { if ($('#container > li').length > i - 1) $('#container > li').eq(i -...
html,css,twitter-bootstrap,css3,height
I have to say I'm not a fan of this.. but this is the only CSS solution I know.. http://codepen.io/pacMakaveli/pen/EjWXNw?editors=110 Otherwise, for a cleaner way, use flexbox. html, body { height: 100%; } #wrap { height: 100%; display: table; width: 100%; border: 2px solid green; } #wrap > nav, footer...
You could use CSS3 columns and remove your floats, e.g. http://jsfiddle.net/ossym8zr/2/ .outer { height: 400px; width:100%; background-color: yellow; -webkit-columns: 3; -moz-columns: 3; columns:3; } .element { margin: 0 0 20px 0; width: 33%; } When no room is available on a column, the next list will be placed in the...
html,css,position,height,sidebar
So try this and see if it works. I tried it on my computer and it works great. menuIzquierda { margin-top: 25px; float: left; background-color: #333333; position: fixed; width: 20%; top: 0px; bottom: 0; left: 0; } So the position: fixed will lock it in place and then the top:...
jquery,css,google-chrome,resize,height
I guess you are testing in chrome for mobile. Chrome hides the nav bar and shows it when you scroll in one direction, when he thinks that you may want to have access to it. when you are working with percentage heights this can be very annoying, I agree with...
If you have a "full-sized" container that you want to always match the height of the viewport - you're best not to add content that will overflow (go beyond) that div, as you're essentially defeating the purpose. Short answer: Remove height: 100%; from your .container CSS rule. I've created a...
I'm not aware of any SVG+CSS solution. You could use some JavaScript to adjust the size: // get the bounding box for the text element var bbox = text.getBBox(); // set the svg width/height accordingly svg.setAttribute( 'width', bbox.width ); svg.setAttribute( 'height', bbox.height ); // set the viewbox accordingly svg.setAttribute( 'viewBox',...
Since both #imageBox and #textContainer are inline-block elements, you can use #imageBox, #textContainer { vertical-align: middle; } Currently you are using it on #image, but it has no effect because #image is a block element. You should use it on #imageBox instead. .full { width: 100%; height: 100px; background-color: yellow;...
You could try using a table layout: set display:table on the parent set display:table-cell to the childs that need the same height #container { position: relative; width:600px; border: 1px solid red; display:table; } #content { display: table-cell; background-color:pink; width:400px; } #side-bar { display:table-cell; background-color:yellow; width:170px; padding-left:25px; vertical-align: top; } here's...
In order to style neighboring elements in CSS you can use adjacent selector(plus sign). As in following: label + img{height:300px} That will target img in your code "after" any label. JSFiddle...
or has no characters?
javascript,html,css,text,height
Question 2 The width behavior of p versus span is due to the CSS specification for the width property. width does not apply to non-replaced inline elements (span), so p being a block level elements, takes on the width value. Note that, if you apply display: inline-block to a span,...
javascript,html,css,variables,height
<?php $numberOfPurchases = getNumberOfPurchases(); // call the function that queries the database ?> <script> var defaultDivHeight = 10; var purchaseDiv = document.getElementById('purchaseDiv'); if (<?= numberOfPurchases; ?> > 0) { purchaseDiv.style.height = <?= numberOfPurchases; ?> * defaultDivHeight + 'px'; } else { purchaseDiv.style.height = defaultDivHeight + 'px'; } </script> I suggest...
jquery,position,jquery-animate,height,absolute
If I understand you correctly you need a way to check the height of the blocks to determine how far to scroll. Maybe the following could serve as some kind of inspiration: Fiddle here var currentBlock = 1, max = $('.container .block').length; $( "#prev" ).click(function() { if(currentBlock > 1) {...
javascript,jquery,height,width
just put $(document.body).innerWidth()-3; instead of $(window).innerWidth()-3; and you'll be fine. this is because the body element has margins and it's set by the browser, yes you can reset the margin of the body to 0px but why not we get more accurate and calculate the body. here is the edited...
use eq() var height = $("#rows").children().eq(index).height(); or var height = $("#rows").children().get(index).clientHeight; NOTE: get() will be converted to javascript object so there is no height() method in javascript ...
android,height,expandablelistview
Thanks all for answers. The solution is use RelativeLayout instead LinearLayout: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/noticeImage"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_toRightOf="@+id/noticeImage"...
javascript,jquery,height,jquery-jscrollpane
Apparently to solve this issue, you have to modify the css of #container-of-the-table. This is the right code: #container-of-the-table{ overflow:auto; max-height: 165px; height: auto; } I am glad that my answer was helpful!...
It seems to me that the padding added to the topbar is what is appending the extra pixels so just take out the padding or change it up to your fit .topbar { background-color: #1f1f1f; border-top: solid 3px #0b0b0b; width: 100%; min-height: 56px; position: relative; z-index: 2; } JSFiddle...
This got resolved by add overflow: hidden; - thanks to Akshay !
textbox,resize,height,picturebox,weight
You'd rather affect the a variable to the Height property of your image: private void button_Click(object sender, EventArgs e) { int a = int.Parse(textbox1.Text); PublicImage.Height = a; } ...
You are doing this widthtext.setText(width); heighttext.setText(height); outside of your listener so naturally it doesn't have the values yet. Move them inside layout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { width = layout.getWidth(); height = layout.getHeight(); // move here widthtext.setText(width); heighttext.setText(height); } }); } As blackbelt pointed out in a comment,...
html,css,height,overflow,scroller
What you need to do is make 2nd column's position absolute, so its height is relative to parent's. If the 1st column's height grows, 2nd column will follow accordingly. If the 1st column's height is shorter than 2nd column's, 2nd column will keep parent div's height, which is 150px by...
Change height: 100% to min-height: 100%... #pageContent{ padding:30px; min-height: 100%; background:#fff; } Demo height: 100% will restrict the height to the height of body. min-height will allow your element to expand beyond if necessary....
You can and must declare a ImageSize you want to have, before you load the Images into the ImageList: _tabControlImageList.ImageSize = new System.Drawing.Size(20, 16); Afterwards all your Images inside the ImageList will have following size: 20x16px....
css,height,equals,viewport,sidebar
Giving position:absolute; and 100% height to the sidebar will do. http://jsfiddle.net/07zLb3xx/ #sidebar { height: 100%; position: absolute; right: 0; } If you have problems with the sidebar going out of the parent wrapper, give position:relative; to the parent wrapper like this http://jsfiddle.net/07zLb3xx/1/...
jquery,mobile,resize,height,orientation-changes
well, I guess my question is just too hard for the internet. I ended up just writing a function that would calculate all the values that I needed on window load, for both portrait and landscape mode. Then on orientation change i would just grab those values instead of recalculating...
html,css,text,alignment,height
display the divs' block-wise and float those to the left. .f-container .f-item-3col { display:block; float:left; width: 33.33333333%; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 50px; } ...
animation,height,collectionview
I found this workaround to avoid this undesired behavior on this Github page. The trick is done by changing the height of the CollectionView before running the animation and setting it back to the original value on the completion block of the performBatchUpdate Method. This is what the code could...
Height: auto means the height of element is exactly the same as elements content. If you have empty element, its height is zero. And you can't see background image (you see exactly 0px of them).
what about this instead? http://jsfiddle.net/q43co9tk/7/ just use display table and table-cell .headeractions{display: table;} .requestheader{display: table-cell;} .socialheader{display: table-cell;} ...
html,css,image,user-interface,height
How I solved this issue was I realized that by definition, a div is a block element that "will expand naturally to fit its child elements". So going off that, I played around with the css width and height attributes and found a height that would cause the image to...
html,css,css3,twitter-bootstrap,height
The browser doesn't know what 75% of height is without the parents having their height defined, in this case, you need to give an height to their parents. So your CSS, needs to have the following: html { height:100%; } body { height:100%; } .container { height:100%; } .hidden-scrollbar {...
Set the content div min-height: 400px; (replacing height) So it will never be smaller than the container but can get larger as necessary.
That's because your a tag is empty. If you want it to grow with it's content you need to give it some content (background is no content). You could add the image you want with an img tag inside. <a class="twitter"><img src="url(http://ow.ly/IPVSe)" alt="Twitter /></a> And in your .css file: .social...
android,xml,height,android-linearlayout
You can wrap the 5 LinearLayout of the buttons into a LinearLayout parent and give it a weightSum of 5. Than you can give each of those linearLayout a weight of 1 and change the height of buttons in match_parent: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <!-- PANTALLA DE RESULTADO...
You are not clearing the floats. You can add overflow: hidden; to #prevContainer or use: #prevContainer:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } ...
No need for Javascript, you're right, it's a simple css trick. Wrap both the content and the navigation into a div, to which you will give the color of the sidebar (in this example, grey). Set the content div to white and with a display:inline-block. HTML <div id="innerwrapper"> <div class="sidebar">...
Try to use box-sizing: border-box; and same heights for both inputs.
Use a Grid instead of a StackPanel then the border will stretch to the Grids height and width on resizing <Grid x:Name="STP" Margin="10"> <Border x:Name="STPB" BorderBrush="#FFE80707" BorderThickness="5" CornerRadius="10" /> </Grid> Window after your changes, Looks like the same after reize (make smaller) without your changes. http://i.stack.imgur.com/SplMn.jpg...
animation,swift,height,width,coordinates
Check out here the answer: http://stackoverflow.com/a/28029425/1135714 This answer solved my issue....
There is another option to do this update css for .table .table { position: relative; display: block; overflow:hidden; } and remove height of .content jsfiddle: http://jsfiddle.net/d5jdu9md/ #content { position: relative; background: red; z-index: 1; right: 0px; width: 100%; color: rgba(58, 58, 58,1); } #content p, #banner p, #content a{ margin:...
I finally found the answer! I had a body onLoad JavaScript function which was interfering with eBay's JS. eBay set the iFrame to 10000px and then adapt it to the correct height once it's identified, however my onLoad function was somehow preventing the script it from setting the height. Rather...
javascript,jquery,html,height,nul
If you´re creating the content at runtime, you need to wait until this happens. document.ready is fired just after the browser finished to parse all the DOM, but before others scripts (like ajax calls, etc). One possible solution is to defer the change push() calling using a setTimeout, or calling...
Ok. I understand what you are trying to do. This is what you are looking for. Answer has been tested on fiddle and code is below for your convenience. The issue you are having is that the body html element is everything. The HTML element is just the visible space....
html,css,css3,height,background-size
Complete solution (with image align to right): .col-left-bg-image { background: url("http://www.mediafire.com/convkey/7a01/xaagjmwa7yz1dgdzg.jpg?size_id=b") no-repeat; background-size: auto 100%; height: 100%; background-position: center right; } FIDDLE: https://jsfiddle.net/lmgonzalves/tpu10dxu/7/...
you can set the parent of left and right to position:relative,and set the right element to position absolute. .outer { position: relative; ... } .right { position: absolute; right: 0; top: 0; height: 100%; right: 30%; background: yellow; } .left { width: 70%; background: green; padding-right:5px; box-sizing: border-box; } jsfiddle:...
xcode,uitableview,swift,height
1 approach could be set some autolayout constraints on the UITableView itself. For example, if you want to position a UIButton underneath your tableview, then you can go into your Storyboard and set the "vertical spacing" between the bottom of the TableView and the top of the Button to be...
javascript,jquery,height,margin
Use $("#element").outerHeight(); or $("#element").innerHeight(); according to your requirements....
in your .columnLayoutclass add a min height property e.g.min-height:200px; so that all the container should have a minimum height and if your content within these blocks is more than they will adapt to the new height.
.height() returns a Number. Compare it with a number, cause 1000px is not a Number and "1000px" cannot be compared with a number without parsing. var docH = $(document).height(); // returns a Number if (docH > 1000){ $('#colorpicker').click(function(){ $('.colorss').css('top', 500); }) } Also , I'm not sure if you want...
ios,xcode5,xcode6,height,navigationbar
You need to add launch image assets for the iPhone 6 and iPhone 6 Plus. This is a really good answer on how: Enable Native Resolution on iPhone 6 and 6 Plus
android,listview,android-listview,height
to listView add; android:layout_height="0dp" android:layout_weight="10" and to LinearLayout with buttons, add; android:layout_height="0dp" android:layout_weight="1" ...
swift,height,row,tableview,cell
You will need to put all the content of table view cell in a single view (lets call it MainView) and set MainView top, leading and trailing edge constrains to container view. Also set a height constraint less than or equal to 60 with required priority. After that put your...
The reason why you see no changes may be because you're using AutoLayout, and the button has some constraints applied to it, and you need to change the height constraint to accomplish what you want. Edited: Changing frame properties directly seems to be possible in Swift but was not possible...
Since the element is an overlay (as the name implies), i'd suggest relatively positioning the parent and then absolutely positioning the overlay relative to it: Example Here .data { width: 95%; margin: auto; position: relative; } .data .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }...
I think I understand what you're asking, but I'm not completely sure, nor am I sure where the DOCTYPE, anchors or ASP.NET come into play. Here's a demo of a full page document, with a few full screen child divs. html, body { height: 100%; width: 100%; } body {...
ios,uiview,uibutton,height,ios8-today-widget
Oh urmmm... ok I literally just fixed this issue by doing the following: So I basically got rid of the vertical resizing property on the UIView which contains the UIButtons and its fixed.... I must admit, this is odd though because since I want the view to resize (to the...
layout,resize,height,firemonkey,tpanel
I just submitted the following as a bug report. In the meantime I would suggest you calulate the bounds yourself, maybe even starting with the code below: The documentation for FMX TControl.ChildrenRect states: "Specifies the rectangle area occupied by the current control's children. ChildrenRect is a rectangle obtained by performing...
tree,binary,height,racket,distance
We only need one function - maxdepth, and we only have to find the max of each subtree plus the height of the current node: (define (maxdepth tree) (cond [(null? tree) 0] [else (+ 1 (max (maxdepth (node-left tree)) (maxdepth (node-right tree))))])) ...
android,android-actionbar,height,actionbarsherlock
This didn't work? // Calculate ActionBar height TypedValue tv = new TypedValue(); if (getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true)) { actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data,getResources().getDisplayMetrics()); } ref: How to get the ActionBar height?...
html,css,twitter-bootstrap,height,two-columns
On your HTML add aside1 and aside2 like so: <div class="container-full"> <article class="col-md-8 col-xs-12"> <p>Long content there: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex...
css,animation,css-float,height
http://www.w3.org/wiki/CSS/Properties/float CSS/Properties/float left The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top. right Similar to 'left', except the box is floated to the right, and content flows on the left side of the...
RecyclerView is a ViewGroup. You can use getChildAt / getChildCount to get views. Then from the view, you can call getWidth / getHeight. If you have ItemDecorators and need to get size including them, you can use LayoutManager's getDecorated<xxx> methods....
android,android-layout,height,imagebutton
Try something like: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:weightSum="2"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:weightSum="2" android:orientation="horizontal"> <ImageButton android:layout_width="0dp" android:layout_height="match_parent"...
Try the following style for the last div <div class="bottom-section grid-45 mobile-100" style="display:table;height:100%;"> // THIS SECTION NEEDS HEIGHT TO ALWAYS STRETCH TO FOOTER <div class="cta"> <!-- DYNAMIC TEXT --> </div> <div class="button"> </div> ...
css,google-chrome,height,media-queries,refresh
If, as you say, this problem is only encountered on chrome when you resize the window, it is most likely a problem with Chrome rather than your code.
To make the footer appear at the bottom of each page, you will have to place it in each page rather than having one footer placed after all of the pages. Like this: <div id="page-1"> Content for page 1 <div class="footer">footer</div> </div> <div id="page-2"> Content for page 2 <div class="footer">footer</div>...
javascript,jquery,height,width
I believe you must be mistaken. Can you provide a demonstration where jQuery is returning a percent value for .width or .height?
android,height,scale,surfaceview,weight
It happens cause Your display height more than View height. Try to use surfaceView.getHeight() instead of interfaz.getHeight(). Also You can use requestWindowFeature(Window.FEATURE_NO_TITLE); getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN); in Your Activity before setContentView() to make Your game fullscreen....
You can use jQueryUI's callback to get the iframe height once the tab is loaded: $( ".selector" ).tabs({ activate: function( event, ui ) { calcHeight(); } }); http://api.jqueryui.com/tabs/#event-activate...
Then I thought I could just add 15% margin-top or add 15% padding-top (to the parent) to vertically center the p tag in the div... but I find I need to set it to something like 3%.... how come? Because percent margins and paddings (top, right, bottom and left)...
jquery,css,css3,responsive-design,height
I don't know whether this is what you're looking for, and I don't know whether this is a hack. All I did was change the CSS to this: img { display: block; width: auto; height: inherit; } ...
If you are not concerned about image aspect ratio which is obvious from what you asked, you can try this: CSS: html, body { width:100%; height:100%; } .container { font-size:0; border:1px solid red; display:table; } .container>div { display:table-cell; width:50%; font-size:12px; height:inherit; } .container>div.rhs { background-image:url(http://www.lorempixel.com/600/200/sports/1/); background-size:cover; background-repeat:no-repeat; } HTML: <div...
If I my understanding of your question is right, this should work. I assumed that .Photos > a > #HoverImg:last-child comes inside each .index-page .Photos a img . function HeightCalc(x, n) { $(x).each(function() { var Calc = ($(this).height() + 50) / 2; // Calculate height of images $(this).siblings(n).css({ "bottom": Calc...
The main problem is .mainC .discBody{height:81%}, it gets different height for each box, as their parents have different heights. CSS calc() could help, browser support IE 9 and up. .mainC .title { padding: 5px; height: 30px; box-sizing: border-box; } .mainC .discBody { height: 81%; /* keep this as fallback */...
jquery,height,jquery-accordion,value
you can use $('#activePanel').outerHeight(true); if you have multiple accordions give all the same class and use .each(); $('.Panels').each(function(){ var actualHeight = $(this).outerHeight(true); console.log(actualHeight ); }); ...
uitableview,height,constraints,ios8.3
I have found out what was going wrong. Before the iOS 8.3 update the table view should somehow auto calculating the height of the custom cell and everything was working properly. My mistake was that i believed that i had correctly connect the table view's data source and delegate at...
android,view,height,width,android-layout-weight
For example, I have the below layout: <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:id="@+id/ll_forImage" android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout> <LinearLayout android:id="@+id/ll_forList" android:layout_width="match_parent"...
jquery,html,css,height,html-table
What you need is basically to exclude the inner table from the document flow, that can be achieved using absolute positioning: table { border-collapse: collapse; } table, th, td { border: 1px solid black; } #test { overflow-y: scroll; position:absolute; top:0px; right:0; left:0; bottom:0; } <table style="width:100%"> <tr> <th colspan="4">This...
javascript,image,object,height,width
Sounds like your image hasn't loaded yet when you get its width or height. Then it will be 0. When you refresh, the image is in your browser cache and will load immediately so its width and height are available straight up. Use the onload() event of the Image object...
css,resize,height,width,percentage
Any percentile value is relative to the size of the viewport. Viewport Height (VH) and Viewport Width (VW) are also relative. If you want to ensure your elements are always the same size, use an EM value.
The best way I can think of would be to use this layout. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="wrap_content" android:fillViewport="true" android:scrollbarStyle="insideInset" >...
Use the vieuwport height/width instead of a percentage. Change 100% to 100vh, and you're done!
javascript,html5,css3,google-maps,height
The reason why 100% doesn't work is because the map needs to send you images at a specific ratio (fixed width & height). Now I might be guessing here, but that's what I think happens. Since I had a similar problem, where my map was hidden inside a tab, I...
Use the flex-grow parameter (the first one in the flex shorthand property) : HTML : <div class="grid"> <div class="block a" class=a>block height 50px</div> <div class="block b">block height 25%</div> <div class="block c">block height *</div> <div class="block d">block height 50px</div> </div> CSS : .block { outline: solid 1px black; } .a, .d...
javascript,jquery,html,jquery-animate,height
I would try to print $("#thing").height() in the browser console with console.log($("#thing").height()); to see what is returning from the div. I also noticed that .height() has some problems with absolute positioned divs given a display:block; style....
javascript,jquery,styles,height,width
To set the width and height for all images, you can use the .width() and .height(). In your case, you'll want the following code for <img> tags: $(img).width(450).height(350) Now, if you're trying to resize background images, you'll need to set CSS styles (duplicate post): $(selector).css({ "-o-background-size": 450px 350px, "-webkit-background-size": 450px...
If you're allowing jQuery, you could do something like this: $(document).ready(resizeWidth()); //call function when page is loaded $(window).resize(resizeWidth()); //call function when page is resized function resizeWidth(){ var maxHeight = $('.container').eq(0).css('max-height'); maxHeight = maxHeight.split('px')[0];//remove px var cWidth = $('.container').eq(0).width(); var currHeight = $('div.container')[0].scrollHeight; while(maxHeight < currHeight) { cWidth += 100; $('.container').eq(0).css('width',...
To make a div fill the site using flex box, you need to do the following: <body> <div id="mainWrapper"> <div id="headerWrapper"> <!-- HEADER CONTENT HERE --> </div> </div> </body> with the following CSS html, body { margin: 0; padding: 0; height: 100%; } #mainWrapper { display: flex; flex-direction: column; min-height:...