Welcome to WebmasterWorld Guest from 184.108.40.206
Forum Moderators: not2easy
(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...
anyone out there with knowledge of known bg-image issues?
First, have you elimited other possibilities... by making sure the HTML code validates, for example? Might just be something like that...
I've used background images on nested DIVs without experiencing any problems.
I agree with DrDoc, it sounds like a simple HTML error or CSS typo to me. Try these and see what comes up:
Otherwise, if you can provide some simplified and short example of problem code that might be useful in this case...
Birdman: I see where you're coming from, but it's not it ;)
and the bg-images still aren't showing up in NN6.
is it legal to post code in these forums (so you can see what i'm trying to do), or i suppose i could just upload the things to my site and post links...?
at this stage, i'm tempted just to scrap this design as unworkable and start over.
anyone willing to hash this out with me? what shall i do?
I just discovered that my problem was not that my bg-images were not appearing -- because, in fact, they *were* -- but that my margins were set such that those bg-images were being hidden behind one of the other DIVs.
anyway -- thanks again, fellows, for your help!