You basically need to set top and left to 50% to center the left-top corner of the div. You also need to set the margin-top and margin-left to the negative half of the div’s height and width to shift the center towards the middle of the div. Thus, provided a <!DOCTYPE html> (standards mode), this should do: Or, if you don’t care about centering vertically and old … Read more
How about doing something like this? I’ve made it from scratch… What I’ve done is used 2 tables, one for header, which will be static always, and the other table renders cells, which I’ve wrapped using a div element with a fixed height, and to enable scroll, am using overflow-y: auto; Also make sure you use table-layout: fixed; with fixed … Read more
Elements with absolute positioning are positioned from their offsetParent, the nearest ancestor that is also positioned. In your code, none of the ancestors are “positioned” elements, so the div is offset from body element, which is the offsetParent. The solution is to apply position:relative to the parent div, which forces it to become a positioned … Read more
Koen’s answer doesn’t exactly centers the element. The proper way is to use CCS3 transform property. Although it’s not supported in some old browsers. And we don’t even need to set a fixed or relative width. Working jsfiddle comparison here.
Change this: Demo
Run code snippet
I’m having a problem centering an element that has the attribute position set to absolute. Does anyone know why the images are not centered? Run code snippetExpand snippet
I’m having a problem centering an element that has the attribute position set to absolute. Does anyone know why the images are not centered?