house9

random code and what not

CSS position:relative + position:absolute

I do alright with css positioning but I just don’t do enough css to have it mastered; anyhow I needed to float an image over into the right upper corner of a form, no problem put a div at the bottom of the form with position relative and top at -xyz. this worked but was not ideal, depending on the amount of fields in the form I would have to adjust the top setting for each, also the alignment was not consistent enough across browsers, so a google search was on once again…

Came across this great post, see tab 4 “position:relative + position:absolute”, using a relative div with a nested absolute div, I did not even know this was possible but it appears to work great!