Might want to try relative. Also, watch your nesting. If your positioning absolute, each needs to be seperate divs.
If you do this <div><div></div></div> Relative should work for the boxed tag. As for absolute: <div></div> <div><div> Top to bottom with absolute positioning. On Tue, Apr 6, 2010 at 6:37 PM, Tony <[email protected]> wrote: > I have a css that aligns my content to the center of page using > statement > > body { > background-color:#E6E6E6; > background-image:url("../login.JPG"); > font-family:arial,sans-serif; > height:100%; > width:100%; > z-index:1; > } > > #align_body { > background:none repeat scroll 0 0 #FFFFFF; > border-color:#CCCCCC; > border-style:solid; > border-width:0 1px 1px; > font-size:12px; > height:600px; > margin:0 auto 1em; > width:800px; > } > > shade1_menubar { > background-color:transparent; > border:1px solid #F0A804; > color:#000000; > float:left; > font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif; > font-size:10px; > height:auto; > left:0; > line-height:1.2; > margin:0; > position:absolute; > text-align:center; > top:100px; > width:132px; > } > > > <body> > <div id="align_body"> > <div class="shade1_menubar"> > > </div> > </div> > </body> > > > > The problem I'm having is that content of <shade1_menubar> div always > aligns to the <body> div and not to the <align_body> div. From what I > know about css - the absolute position of the div inside would align > to its parents div - in this case <align_body> is parent of > <shade1_menubar>. > > Could someone please help here. > > Thanks in advance > Tony > > -- > -- > You received this because you are subscribed to the "Design the Web with CSS" > at Google groups. > To post: [email protected] > To unsubscribe: [email protected] > > To unsubscribe, reply using "remove me" as the subject. > -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
