Hi Everyone,

I've been working on learning CSS but I still have a lot of trouble and I'm hoping Y'all can come to the rescue for me once again.

What I want to do is position an element at the bottom of my LH or RH column but no matter what I do it's just not working out for me. (Things keep positioning unpredictably or just under the last element in the column)

My site can be viewed here: http://www.your-adrenaline-fix.com/

If anyone could so kindly share their thoughts on this I'd be most appreciative and I thank you all in advance!!

Stuart K

Hi Stuart,
What exactly is the issue on http://www.your-adrenaline-fix.com/?
Or, can you publish an example of the behaviour on a S-Drive folder or in a folder on your main site, then we can take a look and hopefully help you figure it out
Dave

Hi David,

I appreciate your offer to help but I can't really place the code back on the site live as it places a 160x600 ad ontop of my LH navigation the way I've tried.

Does anything come to mind for you (in CSS) as if you were to start from scratch?? (I'm working on learning CSS but I'm still having trouble)

PS. I don't use S-Drive as I try to keep it all inhouse so as to minimize any chance of duplicate content on the www.

Edit: Is there a way that you're aware of where I can specify a distance from the end of the LH column or footer for an element??

I thank you again

Hi Stuart,
It's hard to help when I can't see the exact problem, but from your description, I would suggest looking at the element stacking.
If you have set Absolute properties, you may have caused this ad to force itself over another element. Try using relative positioning options in your CSS.

Without seeing the code & the site, I can't be any more specific. There are lots of tutorials on CSS and Coffeecup have an introductory guide which covers CSS3 here: http://www.coffeecup.com/books/intro-to-html5-and-css3/.

There's also a comprehensive help file included with Coffeecup StyleSheet Maker which can get you going in understanding how all the elements work and how to use them. Download the trial version here if you don't already own the registered version, the help file is included with both: http://www.coffeecup.com/stylesheet-maker/

Best of luck with it.

Dave

PS, you could publish the problematic code and site to www.yourdomain.com/test or any temporary folder, then we can look at it and figure it out with you while your live site would remain as is.

Hi David,

You have a great idea with putting a file in a test folder. I'll work on that.

Right now I'm doing another W3Schools tutorial I'd like to get further along in right now but I'll work on this soon so that you and others can take a look at the code.

Once again I thank you very much and I look forward to furthering this discussion with you soon.

How about this: