I have 2 problems with this one-page site.
http://www.thewinenotes.com
css: http://www.thewinenotes.com/0_styles/base705.css
1. Opera v 7.1 & 8 (for Mac) is positioning the div #wcncl (colored
background with text) on top of the photo division (#btl). It doesn't
matter if I have z-index specified or not {i.e. #blt z-index=1;
#wcncl z-index=2}
screenshots:
Firefox, Safari, IE Mac, NS, iCab, Camino --
http://www.thewinenotes.com/screenshotFF.jpg -- correct
Opera 7.1 & 8.0 Mac -- http://www.thewinenotes.com/screenshotOpera.jpg
-- incorrect
I can't seem to figure out a solution for this one. Is it a 'bug' in
Opera with having divisions overlapping? Is there a workaround other
than making one division as I mention 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 PC
users can see this problem easily for yourselves. I use an old PC
laptop with Win ME and it's version of IE 6 on it for seeing what a PC
browser looks like. Win FFox looks fine (as shown in the FF screenshot
on the Mac). I don't have Opera on the PC, but I suspect the same thing
may be happening as on the Opera Mac versions.
I've tried various combinations of float and no float, and positioning
absolute v relative -- nothing seems to work without making the body
(#bdy) div move out of alignment.
Any suggestions on how to fix the Opera and the IE 6 (PC) problems
I know I have a mix of relative and absolute positions for the header
and body - something I didn't want to do but can't seem to work around
it and get the text and head logo image as well as the bottle pic and
'block' text to work.
This page has to match the client's sales hand out sheet as closely as
possible.
I can get the look I need by creating one div on the left and having
the photo and background color in one pic
(background color and transparancy) as background url and photo of wine
bottle as <img> but I thought it might make the load time too long.
The page validates for both transitional xhtml and css.
I'm experimenting with changing the font text on all the sites I have
from px to em & percentages to make the sites more felxible, and
started with the revisions on this one-pager before I work on those
sites which run into 100+ pages. So you'll see a mix of em and
percentages used for font sizes.
Thanks for your help --
Susan Welter
______________________________________________________________________
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/
