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.
