css: aligning text on bottom of div id box
 

i wonder why this is so hard to do... Im having a text in a div id, i have the text floating to the right with a div class assigned to it, and now i want it aligned on the bottom of the div id box. Someone got any suggestions?

vertical-align: bottom, baseline or text-bottom all don't work.

vertical-align's a PITA in some instance. Check out this page for what will possibly explain why you're seeing what you're seeing and how to get the result you want.

http://phrogz.net/CSS/vertical-align/index.html

Bro, css is turning out to be the biggest cluster fuck of all times. I changed all my shit over to pure css a few months ago. Then spent a tremendous amount of man hours trying to get it to work correctly in all browsers. Then...when I finally got it (three colum layout is the hardest of them all) I realized that the columns made in css DON'T resize when the browser window does! So if someone had the window not full screen then parts of the fucking content was overlapping itself.

After researching, reading, consulting, experimenting, and basically wasting a huge part of my life...I went back to a table setup using css for styles. But with the tables still intact.

Guess what? The site looks like it should in every browser and at every screen resolution, etc.

My thought is that until they come up with a single standard for browsers, markup language (there is a new html coming), and css...nothing is ever gonna work "right"

yea these kinda small things can be such a pain in the ass...
Anyway, found some new shit i didnt know about, the 'bottom: ...', 'right: ..' , etc. so called 'positioning properties': http://www.w3schools.com/Css/css_positioning.asp

So i did this inside another div id (and inside another div class), to position a link in the bottom right:

.commentslink a {
position: absolute;
bottom: 18px;
right: 18px;
}

and its working perfect :)