Why is my div moving?

Question

Okay so I have two pages on my site,

http://flashbackk.com/iluffyou/kacie.htm...
http://flashbackk.com/iluffyou/index.htm...

When i switch between the pages the main div moves. This only happens when there is a lot of text in the div. So if I have no text or little text in the div then it doesn't move, but once I tried to add a couple of paragraphs to the "about me" page the move moves a little bit to the right.

Why is this and how do I fix it? Thanks!

Answer 1

This happens because when you add a lot of text the verticall scrollbar appears, taking some extra space in your viewport..



to solve this you can add in your style the following



body{overflow-y:scroll;}





this will always preserve the scrollbar area so no moving from page to page..

Answer 2

The footer div comes after what comes before it. If what comes before it is longer, the div is lower. That's how HTML works. What are you trying to accomplish? A text box that stays the same size no matter how much text is in it? Then use a textarea to put your text in.

Answer 3

HTML layouts that use a table are a nightmare to maintain. in case you have ever considered a complicated internet website format that used some dozen tables for a format you could comprehend. i've got have been given no longer have been given a controversy with showing tabular tips in a table, yet stay a good distance flung from table layouts in any admire expenses!