CSS – Horizontal And Vertical Absolute Centre

Absolute Center works in the latest versions of Chrome, Firefox, Safari and IE8-10.
  • Responsive with percentages and min-/max-
  • Centred regardless of padding (without box-sizing)
  • Works great on images
  • Recommend setting overflow: auto to prevent content spillover
  • Doesn’t work on Windows Phone

.Absolute-Center {  

margin: auto;  

position: absolute;  

top: 0; left: 0; bottom: 0; right: 0;


More info on “Absolute Center” from Smashing Magazine …

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s