PDA

View Full Version : This whole website is off center.


The General
Feb 12, 2012, 04:23 PM
The problem lies here:

#mainContainer {
margin: 22px auto 25px auto;
padding: 0 10px 0 30px;
min-width: 1000px;
z-index: 1;
}

Thanks in advance to whoever fixes it.

FrancoisC
Feb 12, 2012, 05:12 PM
I did not notice it before, but you are right, it is off center...

Shrink
Feb 12, 2012, 05:26 PM
I wasn't sure if you were referring to the physical positioning, or the quality of content the posts (not to mention the authors of the posts.):rolleyes: :D

The General
Feb 12, 2012, 06:41 PM
I think it may have been set up this way to keep the site centered relative to the entire browser window including the scroll bar. Now that Lion has no scrollbars (so to speak), it is shifted to the right by 20 pixels.

Apple OC
Feb 12, 2012, 06:43 PM
looks centered on my Mac

Schtumple
Feb 12, 2012, 06:45 PM
And who says Mac users are OCD? :p

DoFoT9
Feb 12, 2012, 06:52 PM
And who says Mac users are OCD? :p

HAHA. i was just discussing my OCD traits (only liking lossless audio, only watching Blurays, etc) with a friend... i don't feel so OCD anymore.... :D

sammich
Feb 12, 2012, 06:53 PM
I think it may have been set up this way to keep the site centered relative to the entire browser window including the scroll bar. Now that Lion has no scrollbars (so to speak), it is shifted to the right by 20 pixels.

Yeah that seems like the most likely situation...although, with the scrollbar included, the right is 26 pixels and left 30 pixels.

But yes, if you want to see it truly centered, just inspect the page in Safari or Chrome and change the element yourself.

Peace
Feb 12, 2012, 06:55 PM
It is off center.

I grabbed the lower right edge of the Safari browser and moved it to fit and it came out like this :

It's off center on my iPad too.

DoFoT9
Feb 12, 2012, 08:05 PM
Is it really that big of a deal? :rolleyes:

ECUpirate44
Feb 12, 2012, 08:07 PM
This whole forum is **** because it's off center.

-Steve. :D

Shrink
Feb 12, 2012, 08:18 PM
I don't get it.:confused:

On my MBP, it looks dead center to me.

It's hard to see the white outline of the whole page - no ads.

Peace
Feb 12, 2012, 09:00 PM
I don't get it.:confused:

On my MBP, it looks dead center to me.

It's hard to see the white outline of the whole page - no ads.

You should do a screen grab that includes the menu etc.

I think it goes off center due to the tab bar.

And. Yes. It has completely ruined my whole day.

:rolleyes:

GGJstudios
Feb 12, 2012, 09:02 PM
And. Yes. It has completely ruined my whole day.

simsaladimbamba (http://forums.macrumors.com/member.php?u=516412) has been "off center" for quite some time, and that hasn't ruined your day, has it? :D

Seriously, this seems like a minor issue. The site looks fine to me.

arn
Feb 13, 2012, 01:15 AM
The problem lies here:

#mainContainer {
margin: 22px auto 25px auto;
padding: 0 10px 0 30px;
min-width: 1000px;
z-index: 1;
}

Thanks in advance to whoever fixes it.

It was actually on purpose at the time.

1. It looks better having a bit of a left margin when reading. 30 pixels to the left looks better than less.

2. The reason for the asymmetry was for small screens. Having excess white padding on the right causes the horizontal scroll bar to appear too easily.

arn

MacNut
Feb 13, 2012, 01:30 AM
Ah crap I never noticed this until now, and now its bugging me.:p

Peace
Feb 13, 2012, 01:36 AM
Ah crap I never noticed this until now, and now its bugging me.:p

No problem Just sit 10 pixels to the right and there ya go !!
:D

spork183
Feb 13, 2012, 01:53 AM
No problem Just sit 10 pixels to the right and there ya go !!
:D

Nice. A solution instead of just so much empty space... :D

Plymouthbreezer
Feb 13, 2012, 10:54 AM
I like that someone noticed this.

I like that arn has it this way on propose.

:D

blackhand1001
Feb 13, 2012, 12:16 PM
The website requires horizontal scrollbars on 1024x600 netbook resolution. This also means on 1x1 scaling on an ipad it technically needs scrollbars as well. This can be fixed if you allow the forum to be thinner if the window is small enough. This is in chrome.
http://img694.imageshack.us/img694/7363/capturemacrumors.png

arn
Feb 13, 2012, 01:14 PM
The website requires horizontal scrollbars on 1024x600 netbook resolution. This also means on 1x1 scaling on an ipad it technically needs scrollbars as well. This can be fixed if you allow the forum to be thinner if the window is small enough. This is in chrome.
http://img694.imageshack.us/img694/7363/capturemacrumors.png

ya, for 1024 rez, pick the "fluid" link at the bottom of the front page.

That allows should allow no scrollbars, but it will cause the top banner to get compressed/overlap.

arn

The General
Feb 13, 2012, 02:42 PM
Cool story. Instructions to fix it client side in Safari:

1. Download and install the User CSS extension from here: http://code.grid.in.th/

2. Secondary click anywhere on any website and select Manage User CSS

3. Fill it out to look like this:
http://i.imgur.com/1WM8s.png

If you want extra space on the left like Arn suggested looks better, just set the number of pixels to 30 for both. I think 20 is fine. 10 is too close. It's up to you.

4. Click Save

Enjoy perfectly centered macrumors.

Mr. McMac
Feb 13, 2012, 04:17 PM
I find it off center, too much to the left for my liking

HarryPot
Sep 18, 2013, 10:45 AM
If I remember correctly, the forums were centered before. Now, the space in the left is bigger than the space in the right.

I've tried choosing the different layout options available with no success. Is this how it is intended to look?

arn
Sep 18, 2013, 11:00 AM
If I remember correctly, the forums were centered before. Now, the space in the left is bigger than the space in the right.

I've tried choosing the different layout options available with no success. Is this how it is intended to look?

Ya, that's how it is supposed to look. :)

The left margin needs to be there, otherwise, the text runs too close to the end of the screen.

The right margin is unimportant, and just causes the scroll bar to appear on small screens.

arn

HarryPot
Sep 18, 2013, 11:20 AM
Ya, that's how it is supposed to look. :)

The left margin needs to be there, otherwise, the text runs too close to the end of the screen.

The right margin is unimportant, and just causes the scroll bar to appear on small screens.

arn

Oh, ok.

Thanks arn.:) It seems it has been like that for at least a year, and I just noticed now. But now I can't help and notice every single time.:eek:

Astroboy907
Sep 18, 2013, 06:24 PM
Oh, ok.

Thanks arn.:) It seems it has been like that for at least a year, and I just noticed now. But now I can't help and notice every single time.:eek:

You just ruined my every visit to macrumors for pointing this out. Thanks a lot! :(

JK, I can try to tone down the OCD :D wouldn't hurt to move the right margin back 20 pixels though, would it?