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/

Reply via email to