Mary Ellen Curtin wrote:
> Here is a test page:
> http://datagnostics.com/test/testbasic.html
> Is there a way to make the pink absolutely-positioned box as wide as the
> yellow regular box --
> pink box: {position:absolute;top: 7em;left: 210px;text-align:center;}
> yellow box: {margin: 0 0 0 210px; text-align: center;}
>
>
> Mary Ellen
>
Don't know if this will meet your need, or not...
css
#stuff {
float : left;
width : 100%;
border : 1px solid red;
margin : 0 auto;
position : relative;
}
#navbar {
width : 200px;
background : #ccffcc;
color : black;
border : 1px solid black;
float : left;
}
#topbox {
background : yellow;
margin : 0;
text-align : center;
border : 1px solid green;
float : right;
width : 86%;
}
#absbox {
background : #ffccff;
text-align : center;
position : absolute;
top : 7em;
right : 0;
border : 1px solid red;
margin : 0 0 0 200px;
width : 86%;
}
h2 {
text-align : center;
margin : 1em;
}
html
<div id="stuff">
<div id="topbox">
<h2>this is a non-absolutely-positioned box</h2>
</div>
<div id="absbox">
<h2>this is an absolutely-positioned box</h2>
<h2>how do I make it as wide as the yellow box?</h2>
</div>
<div id="navbar">
<ul>
<li>navbar</li>
<li>is always</li>
<li>a list</li>
<li>on the side</li>
<li>absolutely</li>
<li>positioned</li>
</ul>
</div>
</div>
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
