spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

How to keep css block in the same position on window resize?


Made it that way:

CSS

#wrapper {
    position: absolute;
    top: 50%;
    margin-top: -25%;/* half of #content height*/
    left: 0;
    width: 100%;

}
#container {
    position: relative;
    width:100%;
    display: inline-block;
    margin: auto auto;
}
#container:after {
    padding-top: 56.25%;
    display: block;
    content: '';
    overflow:hidden;
}

Wrapper is a outside the #container


Categories : HTML

Related to : How to keep css block in the same position on window resize?
Change position of HTML element on window resize
I was able to fix the problem and gain the desired behavior by writing the following code at the end of my head tag. <script type="text/javascript"> var movead = function(){ if ($(window).width() < 559){ $("#rotating-item-tl").appendTo(".logocont") $(".rightbox").prependTo(".middlebox")} else { $("#rotating-item-tl").prependTo(".leftbox") $(".rightbox").appendTo(".co

Categories : Javascript
Keep item at same monitor position regardless of window size/position
To get your started: Something along these lines is what you'll need to do: stage.align = StageAlign.TOP_LEFT; //you'll need to running a top-left no-scale swf for this to work stage.scaleMode = StageScaleMode.NO_SCALE; var itemPoint:Point = new Point(150,150); //the point on the monitor the object should reside //call this anytime the item needs to be redrawn (eg when the window changes siz

Categories : Actionscript
How to pass a value in window resize to another function
Change function smoothscroll(mvalue) { $mheight = this.mvalue; .... } To function smoothscroll(mvalue) { $mheight = mvalue; // you don't need `this`, cause mvalue has passed by argument .... } Actually you can use mvalue directly without cache it to $mheight. Complete code: $(window).on('resize', function () { var mheight = $('#wrapper')[0].scrollHeight; smoothscroll(m

Categories : Javascript
Detecting X11 window resize towards top/left
In Xlib use XTranslateCoordinates to translate the coordinate (0,0) in your viewport window into coordinates of the root window. This also covers the case of a stacking window manager messing with your window position.

Categories : C
initial window size/resize catching
I'd suggest avoiding the performance-hurting "watch function's return value" pattern alltogether. Why not just bind to the resize event and also trigger the function initially? fitScroll(); angular.element($window).$on('resize', function () { scope.$apply(fitScroll); });

Categories : Javascript
Recently Add
How can I set a google-font as default-font in CKEditor?
Cross browser styling issue
Submitting/detecting a submit a form by clicking on a CSS button
Html Unknown border around h3?
vim syntastic:
proprietary attribute "novalidate"
Hover effect is not working,even style written for it correct?
Why margin-top different for chrome and safari?
Pass values and parameters from HTML to CGI
How to stop repeating a background image in html email without using CSS?
Why does GMail break inline (CSS) styles for an email with minified markup/HTML using quote-printable encoding?
Give a space in the orderedlist
How to expand the height of li inside vertically centered div?
making newsletter(HTML) with SpringFramework3
Why IE not showing my css box shadow effect
Layout image and paragraph horizontally
Do I Have To Specify A Height For BG Image Or Parent Container?
How to search hyper link tag based on key pressed
Align three images in footer side by side
Foundation Top Bar Dropdown z-index issue
CSS: Pseudo-elements
IE8 back button resetting form
How to position a div made "box" with HTML
htaccess rewrite not changing html form post url
Alignment of text field and text area from Bootstrap elements
Bootstrap table not filling parent
How to automatically get element height and use that height in overlay effect
Relative Link To Local File
1px gap issue with responsive HTML template in outlook - im going crazy
"Compressing" Header Codes?
Tag appears to be interpreted as part of a link and thus breaking the link
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.