homepage Welcome to WebmasterWorld Guest from 54.161.236.92
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Difficulty displaying multiple bg images
possible Netscape bug?
horus




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

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

 

Birdman




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

I don't think you need transparent set on the divs, but I could be incorrect. Try removing it to see what happens.

horus




msg:1188837
 8:08 pm on Mar 24, 2003 (gmt 0)

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?

DrDoc




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

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.

Nick_W




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

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

horus




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

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?

horus




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

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!

Birdman




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

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved