How To Center Something In The Middle Of The Page.

Forum Options:	my.neoforum register members prefs search faq

Topic: How To Center Something In The Middle Of The Page. Options: Print subscribe remove NeoPM
Threads List « Next Newest Next Oldest »
Arietta Symphonic Rain CruisiN' neocrs since: Jan 2006	Sep 13, 12 at 4:31pm ^ How To Center Something In The Middle Of The Page.
	Log in to remove this advertisement I'm essentially looking for a way to align something both horizontally and vertically. I'm using Twitter Bootstrap for these elements. I got the horizontal code from an answer on Stack overflow but I can't find a way to align it horizontally. //Edit: Was requested to remove this. Thanks for your help guys. So how can I put that box exactly at the center of the page? Edit: Nov 11, 12 12:59pm -------------------
	quote quick quote edit quick edit del posts in thread report
Enhance Resident Neo GameGrep pts: 1648 since: Sep 2005	Sep 13, 12 at 7:58pm ^ re: How To Center Something In The Middle Of The Page.
	Vertically centering content has always been a pain with CSS. This website here goes over a few methods to vertical center with CSS. You can use JS as well which tends to work very well cross browser. Can give you some code to do it that way if you want. -------------------
	quote quick quote edit quick edit del posts in thread report
Arietta Symphonic Rain CruisiN' neocrs since: Jan 2006	Sep 13, 12 at 8:19pm ^ re: How To Center Something In The Middle Of The Page.
	Enhance I will love you if you do please! I haven't done any web development in a long time and my Javascript has always been rotten anyway. -------------------
	quote quick quote edit quick edit del posts in thread report
BeZ The World Is Quiet Here Still Seekin' total posts: 3758 since: Jan 2005	Sep 14, 12 at 4:37am ^ re: How To Center Something In The Middle Of The Page.
	This JavaScript should align the content vertically, not sure why you're using an unordered list to hold the content though... `var list = document.getElementsByTagName('ul')[0]; var listHeight = list.offsetHeight; var windowHeight = window.innerHeight ? window.innerHeight : document.documentElement.offsetHeight; list.style.marginTop = (windowHeight/2) - (listHeight/2)+"px";` Just stick it in a script tag below the content. ------------------- Gamertag/PSN: iBeZi
	quote quick quote edit quick edit del posts in thread report
Arietta Symphonic Rain CruisiN' neocrs since: Jan 2006	Sep 14, 12 at 8:35am ^ re: How To Center Something In The Middle Of The Page.
	BeZ thanks! i will try it as soon as I get home. I got the code off Twitter's Bootstrap page so I think the little box is supposed to be a ul. I'm just stealing code as I see it because I hate front-end web development. -------------------
	quote quick quote edit quick edit del posts in thread report
harbin Legendary Seeker since: Aug 2006	Sep 14, 12 at 8:51am ^ re: How To Center Something In The Middle Of The Page.
	Should note that if someone disabled JavaScript in the browser the page won't centre.
	quote quick quote edit quick edit del posts in thread report
Arietta Symphonic Rain CruisiN' neocrs since: Jan 2006	Sep 14, 12 at 9:23am ^ re: How To Center Something In The Middle Of The Page.
	Yup, I know. But last I checked most people don't really disable JavaScript anymore so it's not a worry of mine. Not to mention it is a redirection page so even if they did it's not so important. EDIT: BeZ: Your code works wonderfully. Thanks! -------------------
	quote quick quote edit quick edit del posts in thread report
[All dates in (PST) time]	Threads List « Next Newest Next Oldest »

Note to Guests: For the enjoyment of other visitors, and to help keep this forum tidy and working smoothly, please make sure you search the forum before posting your question.

Please note that this forum is for HTML/NeoHome-related questions only. If you have a question about markup or Neoseeker, please refer to Site/Forums Help & QA.

Name:*

Members, please LOGIN before posting

Email:

We use this to display your Gravatar

Subject:*

Message:*

HTML is not allowed
markup is allowed

Help with markup tags

Enabling Buttons in IE7