Aligning to center while still using DIV tags

Zerk · Post by **Zerk** » Sun Feb 14, 2010 8:00 pm

I want the game to be aligned to center, but I still want to be using position:absolute with div tags.

Right now everything is on the left. If I use different positioning, it will only be aligned to center with my resolution. How can I align to center with all resolutions?

This is what my site looks like right now: http://void.webege.com/ (uploaded it so you can look at it

)
(Please do not register, it hasn't been updated in a long time.)

Post by **hallsofvallhalla** » Sun Feb 14, 2010 8:01 pm

make a div called wrapper and make the margins auto, put your entire site within this wrapper.

Zerk · Post by **Zerk** » Sun Feb 14, 2010 8:02 pm

hallsofvallhalla wrote:make a div called wrapper and make the margins auto, put your entire site within this wrapper.

make the margins auto?

use:
margin:auto;
in the style sheet? Never heard of it before, lol

EDIT: hmm...I tried it and it leaves it all on the left. I added "border: 2px solid purple" to see if it surrounds the content and it doesn't. It starts and ends at the top of the page. I can't figure out how to get it to surround the whole page.

EDIT...again...: kept searching other places and found this:

Code: Select all

left: 50%;
width:800px;
margin-left:-400px;

It works

Thanks for your help, though.

and thanks for the video tutorials

Torniquet · Post by **Torniquet** » Sun Feb 14, 2010 9:19 pm

Code: Select all

<body>
  <div style="margin-left:auto; margin-right:auto;">
    content here
  </div>
</body>

that should work without any problems.

Zerk · Post by **Zerk** » Mon Feb 15, 2010 4:08 am

Torniquet wrote:
Code: Select all
<body>
  <div style="margin-left:auto; margin-right:auto;">
    content here
  </div>
</body>
that should work without any problems.

nope..

Post by **Jackolantern** » Mon Feb 15, 2010 4:46 am

Did you get it fixed since this post? When I look at the page you linked above, it appears to be centered properly.

Post by **hallsofvallhalla** » Mon Feb 15, 2010 2:42 pm

looks liek he found an alternative but I would recommend trying it in all browsers and under a few different screen resolutions to make sure it always centers..

Nice job on solving the problem.

Zerk · Post by **Zerk** » Tue Feb 16, 2010 1:12 am

It seems to be working in all browsers in any resolution above 1024x800 (or whatever that middle resolution is).

Under that is centered, but there is unneeded margins on both sides so you have to scroll sideways a bit...hmm

Post by **Jackolantern** » Tue Feb 16, 2010 1:25 am

Zerk wrote:It seems to be working in all browsers in any resolution above 1024x800 (or whatever that middle resolution is).

Under that is centered, but there is unneeded margins on both sides so you have to scroll sideways a bit...hmm

Hmmm...that is definitely a problem in today's world of various devices connecting to the web. Many platforms are using well under that resolution. Maybe it wasn't working before because of some clashing style in the page.

Zerk · Post by **Zerk** » Thu Feb 18, 2010 5:12 am

Jackolantern wrote:
Zerk wrote:It seems to be working in all browsers in any resolution above 1024x800 (or whatever that middle resolution is).

Under that is centered, but there is unneeded margins on both sides so you have to scroll sideways a bit...hmm
Hmmm...that is definitely a problem in today's world of various devices connecting to the web. Many platforms are using well under that resolution. Maybe it wasn't working before because of some clashing style in the page.

I'll probably keep digging into it.. hmm (for lack of a better thoughtful word)

Aligning to center while still using DIV tags

Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags

Re: Aligning to center while still using DIV tags