On Sat, Mar 31, 2012 at 5:42 AM, Lisa Frost <birdiefr...@gmail.com> wrote: >> > Thanks that works a treat, but i do not understand why i have to put a > relative position on my container div and then why my bee image is taking > its values from the container div and not the div it is contained in or the > parent of that called masthead. > > Any explanation from anyone would be greatly received. > Thanks > > Birdie
Hey Birdie, The deal it pretty simple once the lightbulb goes off (I remember it taking a while for me). When you make an element "position: absolute;" it will look for what container it should position itself relative to. That is, what element's top,left corner should it consider top: 0, left: 0. If none of its parent, grandparent, or other elements have any positioning on it then it uses the <body> container. If it does find a parent with "position: something" on it, then it's all, like "cool, I'll position myself based on you." So, your Bee trots up the HTML structure asking each container that it is inside of, in turn: "Are you my mother?" If the container has no position, then the little Bee marches up to the next container it is inside of and asks "Are you my mother?" until it gets the answer, "yes little Birdie, I have position too, I am your mother." Tim -- tim.arn...@gmail.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
