Some pages are slightly off-center??

[virtualpet2001]

This is probably related to my usage of the <center> tag but I don't know how to fix it: on my site, pages that are under the actual content div's minimum-height of 224 pixels (such as this page) are centered at a slightly different X position than pages that exceed the maximum height (such as this page)... it is very minor but it is currently bothering me quite a bit LOL

at the very least this happens to me on firefox but I don't currently have any other browsers installed to test it with. anyone else have experience with this?

[larvapuppy]

I think it's because one has a scrollbar and the other doesn't; the scrollbar is squishing the page width slightly and it's centering itself on this new page width. I have this problem on some of my pages too and I usually just add more content to make them longer. I'm sure you could force a specific width to fix it though, if you don't feel like going that route. Also I love your Latias banner!

[virtualpet2001]

Ah I forgot it works like that >_> thats weird. Im sure theres a way to fix it with javascript but it is way out of my skill level T_T thank you so much for explaining and thank you for liking my site

[ribose]

here are two simple ways to fix this with CSS, no javascript or math or extra content required!

1. the scrollbar-gutter property was created to address this exact problem. add the following to your CSS to leave a scrollbar-sized space on the right side of the page, whether the scrollbar is there or not.

Code

html { 
  scrollbar-gutter: stable;
}

2. i think scrollbars are cute, so what i like to do when this happens is make the scrollbar display all the time, even on short pages.

Code

body { 
  overflow-y: scroll;
}

[virtualpet2001]

1. the scrollbar-gutter property was created to address this exact problem. add the following to your CSS to leave a scrollbar-sized space on the right side of the page, whether the scrollbar is there or not.

Code

html { 
  scrollbar-gutter: stable;
}

omg you are a lifesaver T_T thank you verymuch
in general it feels like a lot of scrollbar css is a lost art almost? neocities editor doesnt recognize my css tags for it lol. i remember that old websites would have different colored scrollbars all the time (looked especially nice with the more 3d design used in older windows) but it seems like every browser just deprecated it for many years. i wonder why?

[pepper]

it looks like there isn't a lot of support for customizing scrollbars. There is a newly supported `scrollbar-color` css property that works in most major browsers, apparently. However I can't seem to get it working on my site  I keep getting "invalid property value" when trying to set the value for scrollbar-color to a specific color. <sigh> oh well. I really wish that there was more we were allowed to do with CSS to make more expressive sites, it feels so limited sometimes.