Hi everyone - new to the forums here, and joined particularly to see what advice you all might have for this problem:
(note: I'm on a Mac)
I'm building a page that uses CSS positioning exclusively, with an external style sheet and a fairly simple layout based on the ALA two-column model (but avoiding the Tantek Celik hack through nested DIVs).
The graphic design of the page has required a number of different background images and colors -- it took me a few passes to figure it out, but I don't think it's terribly complicated:
- the body has a defined background-color (white, no image)
- the content column is composed of a "#wrapper" DIV that has a defined bg-color (green), and (nested within the wrapper) a transparent "#content" DIV that has a horizontally-tiling bg-image.
- the menu column is composed of a transparent "#menu" DIV with a vertically-tiling bg-image, and (nested within the #menu DIV) a transparent #nest DIV with a non-tiling bg-image.
Now, here's the problem:
When tested in IE 5.1 (Mac), the background images all come up as defined in the css, and the page looks and behaves exactly as I want.
BUT...when I try it through Netscape 6 (Mac), only the content column DIVs come up as they should, and the menu column DIVs display only the defined bg-color, NOT the images.
Have I run into a layering problem inherent to NN (I have not defined a z-index for any of my DIVs)-? Is this a parent/child problem caused by my nesting-? The image paths are all right, and again, this has only been tested on a Mac. I have no idea what other/further problems might exist for my poor page when seen on a PC.
I can provide more detail/code if it's helpful.
Anyone have any ideas? Thanks in advance...