background color gets cut in smaller resolution
The reason for this is that main_body & all it's children have static width, where header & footer container have 100% width. width for main_body is 1237px, thus when you resize below 1237px top container get width of body but main_body container keep width of 1237px thus a scroll is...
Android ImageView stretches image
android,imageview,stretch,aspect
Try this: <ImageView android:id="@+id/imageId" android:layout_width="fill_parent" android:layout_height="wrap_content" android:adjustViewBounds="true" android:src="@drawable/top" > </ImageView> ...
css layout. Stretch div to remaining size of screen after absolute sized navigation bar
html,css,layout,relative,stretch
There were many layout errors in your code the most obvious one is to set overflow:hidden; on the body tag, this can hide content that users can never see. I corrected most of them and made this layout which seems to be the one you are looking for : FIDDLE...
Stretch sidebar to 100% height
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:...
Stretch div with property css “zoom” in internet explorer
css,internet-explorer,zoom,stretch
Try using transform: scale This will keep the zoom effect working on IE, Chrome, Safari, Opera. The CSS zoom property, it is really standard, and it isn't recommended for production apps. http://jsfiddle.net/u0f0fu4f/5/ .zoom{ -ms-transform: scale(0.5,0.5); /* IE 9 */ -webkit-transform: scale(0.5,0.5); /* Chrome, Safari, Opera */ transform: scale(0.5,0.5); } ...
Stop imageview from stretching on certain devices
android,xml,imageview,android-drawable,stretch
Your image sizes are wrong. The correct scales for image sized 480dp are mdpi 480px (x1) hdpi 720px (x1.5) xhdpi 960px (x2) xxhdpi 1440px (x3) Also there's no need to have the image in drawable folder, Android will pick the best one from the listed. See this documentation for more...
How to make an element stretch to the same height as its container?
html,css,css3,fluid-layout,stretch
You can try specifying a min-height for .Head (to prevent flexbox from forcibly collapsing it), and set the flex-flow property of the parent .Wrap element to column nowrap: .Wrap{ position:fixed; top:10%; left:10%; display:flex; flex-flow: column nowrap; align-items:stretch; background:#ddd; max-height:50%; max-width:50%; padding:10px; overflow:hidden; } .Head{ background:#e00; height:50px; min-height: 50px; width:100%; }...
videogular stretch not working
I'm the creator of Videogular. You're using Videogular 1.0.0 and there's no more vg-width, vg-height and vg-stretch properties. Videogular works always as 100% for width and height, so just add to your container the dimensions that you want. You have more info here: http://www.videogular.com/examples/simplest-videogular-player/...
Qt5, how to display stretched font (i.e. double width or double heigh)?
The question conflates two issues: How to draw stretched fonts? It's easy: change the horizontal or vertical scaling of the QPainter. Qt will do the rest for you. E.g: QPainter p; p.setTransform(QTransform(2.0, 0, 0, 1.0, 0, 0))); p.drawText(0, 0, "STRETCHED"); How to express stretch in rich text? That's not directly...
How to stretch an svg on android 4.4.x in the standard browser?
If you want an SVG to be stretched to fill the size given, make sure it has a viewBox attribute. <svg ... viewBox="<appropriate values here>" ... > ...
JavaScript Canvas drawImage deforms my image
javascript,image,canvas,stretch,drawimage
Because you're not setting the size of the canvas correctly. Don't use CSS/style to set the size but use its attributes: <canvas id="canvas" width=320 height=456 style="..."></canvas> Your image is stretched because the default size of the bitmap for a canvas element is 300x150 pixels so if you don't set the...
div img(svg) stretched to viewport height and width
To stretch the image according to the view port you will have to: Change svg's width and height to 100% and add preserveAspectRatio="none". Since you are using the img tag and this only works if width or height is a fixed value, you will have to use JavaScript to set...
How to crop not stretch an image in a slider? I've tried 'background:cover'
I don't think the script is actually controlling the height of the slider and its images, as in your CSS being placed into your index (dynamically) somehow, shows the "fpimg" class overriding the height and width of images placed. http://pasteboard.co/1z2hCJkX.png Technically, if you could get into that code, if its...
Flexbox: How to Combine percent, pixels and remaining height on columns?
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...
Table not stretching out to the full width of the enclosing body
Try this. You forgot to add td inside tr and for inline form you have to add - display: inline-block; for form id #myForm <body> <table class="myTable"> <tr> <td> <button type='submit' id="button1">Button1</button> <button type='submit' id="button2">Button2</button> <form id="myForm"> <input id="userInput" type="text"/> </form> </td> </tr> </table> </body> .myTable { margin: 0px; width:...
Background image: height stretch 100% of window, width repeat
image,background,repeat,stretch
just created a jsfiddle for your purposes: http://jsfiddle.net/aT6J6/ try to play with, maybe that fits your requirements. element { background-size: 100%; } for you example: <div> <div style="position: fixed; top: 0; height: 100%; width:100%; z-index: -100;background:url('http://www.noupe.com/wp-content/uploads/2009/10/pattern-13.jpg') repeat-x scroll 0 0 / 100% auto rgba(0, 0, 0, 0)"> </div> </div> updated...
WPF -> Stretch Image Vertical
I've now fixed it so: <Border Grid.Row="1"> <Border.Background> <VisualBrush RenderOptions.BitmapScalingMode="Linear" Stretch="Fill" AutoLayoutContent="True"> <VisualBrush.Visual> <ScrollViewer Width="800" VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Visible"> <rendering:TextView MinHeight="{TemplateBinding ActualHeight}" Document="{Binding RelativeSource={RelativeSource FindAncestor, AncestorLevel=2, AncestorType={x:Type ScrollViewer}}, Path=Content.Document}"...