Just a warning, i x-posted this to one other forum but i need help!!

here is the deal:

I am new to this whole CSS thing. I am one of those people that refused to learn it and would only design pages solely in Flash and a little html. Well those days are over for me, and i am fully aware of the glories of CSS. But alas, i find myself stumped in this situation. On this site that i am working on, http://www.ericadphotography.com/babygolightly/, for some reason there is an ungodly amount of white blank space beneath the actual page, so you can scroll down several screen lengths. What the heck am i doing wrong?

Also, the FAQ page looks fine in Firefox, and in I.E. 6 it's all messed up at the bottom with the positioning of the baby blocks, the text, and the tan bar.
What gives!?

Thank you for your help!!

Andrew

You really don't need all that positioning you've got there. Use the normal document flow and you won't need all that nor all those -2000px and other large settings. All that is what's causing that huge space. I'd have to spend a lot of time pulling it apart to figure out if it's one.. or several causing it.

I'd suggest simplifying the layout. The only parts that night really need positioning is the baby photo, and maybe the baby blocks.

Thank you! I'll attempt to pull it apart and fix it.

The only thing you really might want to set as position:relative is the #wrapper, then you can position the baby picture inside it where you need it to be.

The rest you can do with floats and the normal document flow.

Ok. I fixed it!

http://www.ericadphotography.com/babygolightly/

Thank you for your help. Once i took care of all those negative numbers, it was a lot more manageable

Looks great
Just one thing - when you use XHTML doctype, you must close ALL your tags, including meta and link tags : <link xxxxxxxxxxxx xxxxx />.
You also need to put the alt attribute on all images, even if it's just alt="" for 'fluff' images.