Welcome to WebmasterWorld Guest from 54.211.101.8

Forum Moderators: not2easy

Difficulty displaying multiple bg images

possible Netscape bug?

   
9:50 pm on Mar 23, 2003 (gmt 0)

10+ Year Member



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...

1:31 pm on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I don't think you need transparent set on the divs, but I could be incorrect. Try removing it to see what happens.
8:08 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



defining the transparency (or not) of the DIVs makes no difference. i'm really leaning toward the idea that Netscape somehow has a hard time interpreting background images in nested DIVS, but of course, if i knew for sure...

anyone out there with knowledge of known bg-image issues?

9:13 pm on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Welcome to Webmaster World! :)

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.

9:18 pm on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member nick_w is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Yes, Welcome to WebmasterWorld [webmasterworld.com]

I agree with DrDoc, it sounds like a simple HTML error or CSS typo to me. Try these and see what comes up:

[validator.w3.org...]
[jigsaw.w3.org...]

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 ;)

Nick

4:13 am on Mar 26, 2003 (gmt 0)

10+ Year Member



thanks so much Nick & Doc & Birdman for your thoughts; I put my files through the validators, and they're sound as pounds -- narry a warning.

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?

6:10 am on Mar 26, 2003 (gmt 0)

10+ Year Member



NEVER MIND. :)

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.

silly me.

anyway -- thanks again, fellows, for your help!

11:49 am on Mar 26, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Ah, didn't think of that. It seems to be a common problem. I even mentioned it in this thread [webmasterworld.com]. I sometimes will add borders to all layout elements to see just what is going on. Glad you got it figured out.
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month