Is it possible to position a child element relatively to a floated parent element?
Link to page: link text
I want to have the girl always positioned in the bottom left corner and the logo in the top left one. That is even already working neatly. Then however the content box is supposed to be placed to the right and should be sized so that the height is a 100% of the whole viewport and the width goes from the right border up to the picture of the girl.
Someone got an idea how this could work?
How it is supposed to look I've tried to show in the picture attached. If something is unclear, I'll be glad to explain it a different way. I'm sorry for my bad English.
Absolutely position (or position:fixed) the logo, have the girl as a background image on the body (or a 100% high wrapper) positioned bottom:0; left:0; and have the content box as a 100% high div, margined as far from the left as it needs to be to let the girl show through. For the gradient and rounded corners, either use CSS3 or compromise with nested divs and appropriate background images.
jquery can help you out in positioning the girl to the bottom CMMS Software For More Information: http://www.nexgenam.com/
You can use the jQueryUI frameworks position utility http://jqueryui.com/demos/position/ to accomplish this.
Utility script for absolutely positioning any widget relative to the window, document, a particular element, or the cursor/mouse.
You do not need to include the whole jqueryui framework just the position utility and jquery 1.4.*