I've been using position: relative to place some items on the page. However because I've used this method I've ended up with a whole bunch of white space at the bottom of the site which means it scrolls for a long time. Is there any way of cutting out the excess white space?
I infer that you're using RP offsets to lay out the page. That is a bad idea, almost as bad as using absolute positioning for layout. Start by removing all the RP and offset references. Use margins to establish separations, and floats to allow side by side positioning. Bring us a link, and have specific questions if you want specific help. cheers, gary
The reason I was using these css methods was so that I could place text on top of images. It's a private project so I can't post the links unfortunately. I want to keep the text in HTML format so I don't lose the SEO value but for design it would be a lot easier just to stick the text in the graphics. Thanks for your input and I agree with your analysis.
lol Because I'm using an image swap function which you cant do on the images if they're in the background. I'll probably just end up sticking the text on the images to save a lot of bother.
Also remember that images in the background don't print on default browser settings. Could impact your decisions on this if the client wants 'printability'.
Thanks Johan. I'm veering towards the decision that I'll probably just take the easy way out and stick the text on the graphics. If I need to change anything in the future it'll give me a headache and I can stick the text in somewhere else for SEO purposes.