On 6/30/05, Glenn E. Lanier, II <[EMAIL PROTECTED]> wrote:
> I created http://bellsouthpwp.net/S/p/Speedy7/position.html as a way to test,
> I've turned on borders to make the divs easier to identify. Structure is
> basically divOuter (contains everything), divInner1 (some text), divInner2
> (other text). I added divInnerContainer trying to get it to hold both
> divInner1
> and divInner2, but no luck.
>
> Any help is appreciated.
I changed your CSS just slightly as such.
1. The "thin" keyword changes your widths relatively, so I changed
them all to 1px
2. The container is positioned relatively with the inner divs
positioned absolutely
3. I gave the container div the 80% width with auto margins rather
than the inner divs
div#divInnerContainer {
position:relative;
border:1px solid red;
color:red;
height:7em;
width:80%;
margin-left:auto;
margin-right:auto;
}
div#divInner1 {
position:absolute;
border:1px solid green;
color:green;
}
div#divInner2 {
position:absolute;
border:1px solid purple;
color:purple;
}
div#divInner1, div#divInner2 {
height:7em;
}
Hope this helps!
Jon
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
