Question

I am having some really weird problems with position:absolute. I have set the main title of my webpage to be position absolute, but when I resize the window, the text moves around. The really weird thing is that the tagline (the Bible verse) is also position:absolute, but it isn’t having any problems. Any suggestions?

Answer 1

I’m guessing your screen resolution is 1920×1080? Looks like you’ve gone and positioned the element relative to the window, which only works if the window is that size.

Try removing the position: absolute and the right properties, and using float:right instead of float:left.

As for the tagline element, you made it position: relative and float: right. position: relative, here, does absolutely nothing.