Welcome to Gaia! ::


Skilled Genius

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

#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.


Yeah, the code you gave me puts my content more to the right. P.S you have a huge screen.
What I want is a code to center my content, but where it'd be perfectly centered for everyone
else who views my profile as well? ; o; The resolution of my screen is 1599 x 899,
if that's what you meant. x .x

I do not have my browser full screen most of the time, usually only a little more than half.
It can't be prefect for everyone. 1024 is generally the smallest resolution anyone will have unless they're on a tablet or smartphone that has a smaller resolution. Anyone with a larger resolution will have it centered just fine, and anyone 1024 or less will not be centered for them, as if it centering wasn't there at all. That's your resolution, but what's your browsers window size, do you have it in full screen? I said you will have to reposition the images/text, it centers that too. Otherwise the content would be centered and the images/text would be exactly where it is now for all resolutions and window sizes.

Skilled Genius

Dashiechu

This will help you see it
#columns {outline: 1px solid red}

Anxious Vampire

Knight Yoshi
Dashiechu
Knight Yoshi
Dashiechu
Knight Yoshi
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.


Yeah, the code you gave me puts my content more to the right. P.S you have a huge screen.
What I want is a code to center my content, but where it'd be perfectly centered for everyone
else who views my profile as well? ; o; The resolution of my screen is 1599 x 899,
if that's what you meant. x .x

I do not have my browser full screen most of the time, usually only a little more than half.
It can't be prefect for everyone. 1024 is generally the smallest resolution anyone will have unless they're on a tablet or smartphone that has a smaller resolution. Anyone with a larger resolution will have it centered just fine, and anyone 1024 or less will not be centered for them, as if it centering wasn't there at all. That's your resolution, but what's your browsers window size, do you have it in full screen? I said you will have to reposition the images/text, it centers that too. Otherwise the content would be centered and the images/text would be exactly where it is now for all resolutions and window sizes.


Sorry, I don't know how to find that out. :c I was moving the avatars and images on my page, but then
I realized I can't save it? The blue panel that you get at the side for editing, isn't appearing for me.

Skilled Genius

Dashiechu
Knight Yoshi
Dashiechu
Knight Yoshi
Dashiechu
Knight Yoshi
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.


Yeah, the code you gave me puts my content more to the right. P.S you have a huge screen.
What I want is a code to center my content, but where it'd be perfectly centered for everyone
else who views my profile as well? ; o; The resolution of my screen is 1599 x 899,
if that's what you meant. x .x

I do not have my browser full screen most of the time, usually only a little more than half.
It can't be prefect for everyone. 1024 is generally the smallest resolution anyone will have unless they're on a tablet or smartphone that has a smaller resolution. Anyone with a larger resolution will have it centered just fine, and anyone 1024 or less will not be centered for them, as if it centering wasn't there at all. That's your resolution, but what's your browsers window size, do you have it in full screen? I said you will have to reposition the images/text, it centers that too. Otherwise the content would be centered and the images/text would be exactly where it is now for all resolutions and window sizes.


Sorry, I don't know how to find that out. :c I was moving the avatars and images on my page, but then
I realized I can't save it? The blue panel that you get at the side for editing, isn't appearing for me.
Well unless you want to share your screen, I can't determine what would be the cause of that.

6,250 Points
  • Member 100
  • Gaian 50
  • Dressed Up 200
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.


how did you get how many people visited on your profile? ive been trying to find it forever ! :c
ll-TurnMeOn-ll


how did you get how many people visited on your profile? ive been trying to find it forever ! :c

You mean the page counter?
Go here, make an account, copy the HTML and paste it on your about me. This is so your counter won't be deleted.

I just made it invisible by putting this code before and after the html:

[color=transparent][size=1]
insert HTML here
[/size][/color]


<a href="http://www.tinycounter.com" target="_blank" title="free web counter"><img border="0" alt="free web counter" src="http://mycounter.tinycounter.com/index.php?user=MarMuffin"></a>

My HTML looks like this. When you get your code, look for the URL that I underlined and turned red. That is the counter.

User Image - Blocked by "Display Image" Settings. Click to show.
:3

Quick Reply

Submit
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum