How do I horizontally center a div in a div with CSS (if it's possible at all)? The outer div has 100%:
<div id="outer" style="width:100%">
<div id="inner">Foo foo</div>
</div>
In this example the outter div have 100% width, to align horizontally the inner div we can apply this code in the inner div:
#inner {
width: 50%;
margin: 0 auto;
}
Of course, you don't have to set the width to 50%....
Showing posts with label div. Show all posts
Showing posts with label div. Show all posts
Center a div on the screen with jQuery
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) +
$(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) +
$(window).scrollLeft()) + "px");
return this;
}
Now the...
Subscribe to:
Posts (Atom)