Welcome to Gaia! ::

My Pseudonym's avatar

Aged Ladykiller

So I finally finished my profile!! Yay! I really like it, since I only recently started coding classic ones.

I wanted this one to be all in 1 pg (no scroll bar, sorry i don't know the technical term!).
Even though everything fits on one page, it still has a useless scroll bar.

Anyone know whats wrong or how to fix it?

Thanks in advance!
Unknighted Yoshi's avatar

Codebreaking Genius

8,900 Points
  • Forum Sophomore 300
  • Conventioneer 300
  • Flatterer 200
My Pseudonym
So I finally finished my profile!! Yay! I really like it, since I only recently started coding classic ones.
I wanted this one to be all in 1 pg (no scroll bar, sorry i don't know the technical term!).
Even though everything fits on one page, it still has a useless scroll bar.
Anyone know whats wrong or how to fix it?
Thanks in advance!


Are you talking about your current profile? It's because the 'h1' element inside the '#header' has a height of 435px, it pushes elements below it down to make room.

Add this to your CSS to see the heights of the elements, to see what I mean.
#content, #header {
border: 1px solid red;
}
My Pseudonym's avatar

Aged Ladykiller

Knight Yoshi
I see what you're talking about, but i was more concerned about the reason there's a scroll bar when you zoom out a little.
I keep my screen a little zoomed out and its still there, even when its not even needed and theres no more elements.. :c

Thanks though!
Unknighted Yoshi's avatar

Codebreaking Genius

8,900 Points
  • Forum Sophomore 300
  • Conventioneer 300
  • Flatterer 200
My Pseudonym
Knight Yoshi
I see what you're talking about, but i was more concerned about the reason there's a scroll bar when you zoom out a little.
I keep my screen a little zoomed out and its still there, even when its not even needed and theres no more elements.. :c

Thanks though!


It's because the elements are still clearing space. The h1 is pushing the '#content' down, and the '#content' has a 'min-height' of 500. Even zooming out a little, it's still more than can fit in the viewport. You'd have to zoom out qutie a bit to make the scroll bar go away. Most people don't change the zoom level of the browser.
My Pseudonym's avatar

Aged Ladykiller

Knight Yoshi
I see. Thanks so much! I'm just going to leave it.

Quick Reply

Submit
Manage Your Items
Other Stuff
Get Items
Get Gaia Cash
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff