susan wrote:
I have 2 problems with this one-page site.
http://www.thewinenotes.com
1. Opera v 7.1 & 8 (for Mac) is positioning the div #wcncl (colored
background with text) on top of the photo division (#btl).
Opera has a bug, which makes layering of floats with 'position:
relative; z-index: nn;' useless.
Workaround: layer the element _inside_ the float (see below).
2. no screen shot available for PC IE 6 but colored background div
(#wcncl) positioned 0px left and photo div (#btl) way off to right -
not "centered" on #wcncl as desired.
The margin-doubling bug at play.
Cure: 'display: inline' in this case.
-----
CSS (both fixes):
#btl {
width: 215px;
height: 390px;
float: left;
padding: 0px;
margin: 0px 0px 0px 30px;
display: inline;
}
#btl img {
position: relative;
z-index: 1;
}
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/