Help! I'm stuck. I know that I used AP DIVs wrong and now I need to correct it. Here is a link to one of the pages that is messed up. http://www.thectkgroup.com/termsofuse.html
As you can see, the page moves when resizing the window, but the box of content in the middle does not.
Is there any way to fix this? I'm a beginner.
Short of re-designing your layout without positioning, your could wrap your APDivs inside a relative positioned parent container.
background-position: center top;
Once I do that, then do I need to place my APDiv content box code somewhere?
Nope. Your content is already inside the <body> tag, right?
You should test your site in browsers with increased text sizes to make sure it's accessible though.
In Firefox, go to View > Zoom > Text only. Hit Ctrl++++ to see what happens.
More often than not, APDivs cause text to get cut off because they are removed from the normal document flow. This is one reason APDivs are such a poor layout method.
Finally, be sure to validate your code & fix reported errors.
Ampersands in code should be changed to & amp ; (without the spaces).
Since you've been so kind to help me, could I ask one more question of you?
On this page, I created a form, but then a black gap appears at the very top. You'll see that in the attached link.
Would you be able to pick out the issue inside the code if I copy/pasted the code for you?
Thank you so much! I appreciate it.
Try replacing this:
You might want to add a CSS background-gradient to your body selector so the page doesn't have that blank white region under the form: