in the code you pasted here:
shade1_menubar {
background-color:transparent;
border:1px solid #F0A804;
.
.
etc.
you forgot the preceding period before shade1_menubar indicating that
is a class selector
check that you are not missing it in your code
should be:
.shade1_menubar {
background-color:transparent; ... etc
or
div.shade1_menubar {
background-color:transparent; ... etc
and adding "position: relative;" to #align_body is not a bad idea
On Apr 9, 9:49 pm, Richard Edwards <[email protected]> wrote:
> 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]
