How do you center all columns/panels on your profile? ; o; | Page 1 | Forum

spookchu

(?)Community Member

Anxious Vampire

Offline

Post: 85830729_1 created on Mon, 06 May 2013 07:49:56 +0000
Posted: Mon, 06 May 2013 07:49:56 +0000

My page is public, so feel free to check it if you need to know what I mean.

My laptop screen is absolutely huge, but on mine,
the columns/panels are in the center of my profile.
On others, since the code varies on screens,
it looks more off to the right side.

THIS REALLY BOTHERS ME EVEN IF IT LOOKS PERFECT TO ME. emotion_donotwant
I was wondering if there was just a simple centering code for all columns/panels.

The code I have for "centering" everything right now is;

#columns{margin-left: 260px;margin-top: - 100px;}

Here is how my profile looks like to me.

spookchu

(?)Community Member

Anxious Vampire

Offline

Report Post
Post: 85830729_3 created on Wed, 10 Jul 2013 03:44:20 +0000
Posted: Wed, 10 Jul 2013 03:44:20 +0000

Mar Muffin

Dashiechu

My page is public, so feel free to check it if you need to know what I mean.

My laptop screen is absolutely huge, but on mine,
the columns/panels are in the center of my profile.
On others, since the code varies on screens,
it looks more off to the right side.

THIS REALLY BOTHERS ME EVEN IF IT LOOKS PERFECT TO ME. emotion_donotwant
I was wondering if there was just a simple centering code for all columns/panels.

The code I have for "centering" everything right now is;

#columns{margin-left: 260px;margin-top: - 100px;}

Here is how my profile looks like to me.

#site
{
align: center;
margin-left: auto;
margin-right: auto;
}

That did absolutely nothing.. xD

spookchu

(?)Community Member

Anxious Vampire

Offline

Report Post
Post: 85830729_5 created on Wed, 10 Jul 2013 03:49:22 +0000
Posted: Wed, 10 Jul 2013 03:49:22 +0000

Mar Muffin

Dashiechu

Mar Muffin

Dashiechu

My page is public, so feel free to check it if you need to know what I mean.

My laptop screen is absolutely huge, but on mine,
the columns/panels are in the center of my profile.
On others, since the code varies on screens,
it looks more off to the right side.

THIS REALLY BOTHERS ME EVEN IF IT LOOKS PERFECT TO ME. emotion_donotwant
I was wondering if there was just a simple centering code for all columns/panels.

The code I have for "centering" everything right now is;

#columns{margin-left: 260px;margin-top: - 100px;}

Here is how my profile looks like to me.

#site
{
align: center;
margin-left: auto;
margin-right: auto;
}

That did absolutely nothing.. xD

Erase your old code, it being
#columns{margin-left: 260px;margin-top: - 100px;}
Look at my profile. smile It worked for me.

I did erase my old code to place the one you gave me, it moved my content to the left.
Here, I'll do it again, tell me what you see when you view my profile. xD

Mar Muffin

(?)Community Member

Offline

Report Post
Post: 85830729_7 created on Wed, 10 Jul 2013 03:51:43 +0000
Posted: Wed, 10 Jul 2013 03:51:43 +0000

Dashiechu

Mar Muffin

Dashiechu

Mar Muffin

Dashiechu

My page is public, so feel free to check it if you need to know what I mean.

My laptop screen is absolutely huge, but on mine,
the columns/panels are in the center of my profile.
On others, since the code varies on screens,
it looks more off to the right side.

THIS REALLY BOTHERS ME EVEN IF IT LOOKS PERFECT TO ME. emotion_donotwant
I was wondering if there was just a simple centering code for all columns/panels.

The code I have for "centering" everything right now is;

#columns{margin-left: 260px;margin-top: - 100px;}

Here is how my profile looks like to me.

#site
{
align: center;
margin-left: auto;
margin-right: auto;
}

That did absolutely nothing.. xD

Erase your old code, it being
#columns{margin-left: 260px;margin-top: - 100px;}
Look at my profile. smile It worked for me.

I did erase my old code to place the one you gave me, it moved my content to the left.
Here, I'll do it again, tell me what you see when you view my profile. xD

Damn. I just realized your profile is v2.

#columns {align: center; margin-left: auto; margin-right: auto;}

(Thanks to Fredy-san)

Knight Yoshi

(?)Community Member

Skilled Genius

Offline

Report Post
Post: 85830729_9 created on Wed, 10 Jul 2013 04:08:46 +0000
Posted: Wed, 10 Jul 2013 04:08:46 +0000

Mar Muffin

lol You clearly do not know what you're doing.
Nice try though.

Dashiechu

#columns,
#texts_container,
#pictures_container {
left: 50%;
margin-left: -512px;
position: absolute;
width: 1024px;
}

@media screen and (max-width: 1024px) {
#columns,
#texts_container,
#pictures_container {
left: 0;
margin-left: 0;
}
}

That will center everything, you will need to reposition the floating images and text, but once you do they will be in the same place even for larger resolutions, centered where you have it with your content.

Knight Yoshi

(?)Community Member

Skilled Genius

Offline

Report Post
Post: 85830729_11 created on Wed, 10 Jul 2013 04:25:55 +0000
Posted: Wed, 10 Jul 2013 04:25:55 +0000

Dashiechu

Knight Yoshi

Mar Muffin

lol You clearly do not know what you're doing.
Edit: Nice try though.

Dashiechu

#columns,
#texts_container,
#pictures_container {
left: 50%;
margin-left: -512px;
position: absolute;
width: 1024px;
}

@media screen and (max-width: 1024px) {
#columns,
#texts_container,
#pictures_container {
left: 0;
margin-left: 0;
}
}

That will center everything, you will need to reposition the floating images and text, but once you do they will be in the same place even for larger resolutions, centered where you have it with your content.

The code looks accurate, but nothing has changed with my profile. o 3O;;

Of course it's correct. I know what I'm doing, lol, but it's not even on your profile.

Knight Yoshi

(?)Community Member

Skilled Genius

Offline

Report Post
Post: 85830729_13 created on Wed, 10 Jul 2013 04:39:31 +0000
Posted: Wed, 10 Jul 2013 04:39:31 +0000

Dashiechu

Knight Yoshi

Dashiechu

Knight Yoshi

Mar Muffin

lol You clearly do not know what you're doing.
Edit: Nice try though.

Dashiechu

#columns,
#texts_container,
#pictures_container {
left: 50%;
margin-left: -512px;
position: absolute;
width: 1024px;
}

@media screen and (max-width: 1024px) {
#columns,
#texts_container,
#pictures_container {
left: 0;
margin-left: 0;
}
}

That will center everything, you will need to reposition the floating images and text, but once you do they will be in the same place even for larger resolutions, centered where you have it with your content.

The code looks accurate, but nothing has changed with my profile. o 3O;;

Of course it's correct. I know what I'm doing, lol, but it's not even on your profile.

I did have it on, but my friend is on trying to help me so she removed it since she's checking things. xD
When I had it, it didn't change anything; my content was still uncentered and at the left.
I placed it back so that you could see.

Edit: Well NOW it works, maybe it was because of where I placed it. How does it look for you? xD

What's your resolution and the width of your browser (full screen, half, 3/4, something else??) The @media is for if the window width is less than 1024 it won't center, because with what I've provided above to center everything if the @media wasn't there and the width of the window is smaller than 1024 content would be getting pushed off to the left of the screen. Works just fine on mine, except you're overriding the position: absolute with

#id_wishlist, #columns, #id_footprints, #id_about, #id_custom_10181, #id_custom_9929, #id_custom_9927, #id_custom_10025 {
text-align: center;
position: relative;}

You have a lot of messy CSS.

spookchu

(?)Community Member

Anxious Vampire

Offline

Report Post
Post: 85830729_15 created on Wed, 10 Jul 2013 04:55:21 +0000
Posted: Wed, 10 Jul 2013 04:55:21 +0000