Netscape Question

[comptech520]

the file main.gif give the background in the content area of my site

In netscape navigator 8, It shows that file just once at the top and not where it is suppose to be.

How come:
.main {
background: url(images/main.gif) repeat-y;
border-top: 4px solid #FFF;
padding: 8px 12px 0 0;
}

[ray326]

We may need a link.

[comptech520]

That would help!
http://www.esctonline.com/new

[comptech520]

Does anyone have any ideas on this one?

[WebJoel]

...
How come:
.main {
background: url(images/main.gif) repeat-y;
border-top: 4px solid #FFF;
padding: 8px 12px 0 0;
}

absolute-path is:

http://www.esctonline.com/new/images/main.gif

and in the absence of a 404 error, I don't even SEE an image here... :confused: What is is supposed to be... a gradient or something? All I get is a pure-white screen with no discernable image. I register 780px X 5px, but I 'see' nothing...
Maybe this image is outside of some range of visibility on NN browsers. It seem maybe browsers tend to display colors a little differently...

[comptech520]

it is a very fine image. if you look near the top leftyou will see the darkness. in nn that image shows right below the red dAshed box. it is suppose to cover the whole container

[WebJoel]

Nope, -sorry. I don't see it in IE, Fx, Opera or Mozilla. It may be my local browser(s) settings and if I tweaked my contrasts on my monitor or something, -it may reveal. But I wonder if maybe my video card is not as good as yours at this point... Maybe, you could create another 780px by 5px image, -with a horrid significant color that is 'more than 100+points in base-16 darker than the page background-color... basically, assume that I am colorblind...) and temporarily substitute it in the background-image for .main, so (smile) someone such as myself can actually see it. We'll get that working right, -then you can go back to your uber-gentle gradient image. :)

[comptech520]

Ok, try it now

http://www.esctonline.com/new

I made it black

[comptech520]

Does anyone know how to fix this? I can't carry out my day with this site until I fix this issue.

I made the image all black. So if you use ie, the site will be all black. If you try netscape, the site will be all white with the black image right under the red bar.

Thank you so kindly!

[KDLA]

Take the "&" out of your coding for the photo's alt tag. It's causing all sorts of parsing errors. If you want to use &, use the ASCII character for it.

KDLA

[comptech520]

I did and nothing happened

[KDLA]

Didn't expect anything to happen - but that'll help with validation. ;)

[comptech520]

then how do I fix my netscape problem

[WebJoel]

then how do I fix my netscape problem What browsers are you using? You mention Netscape, -but do you use any other browsers?
I still do not see any image called "images/main.gif", even though the absolute-path URL resolves (if there were no image, it would return an error 404)..

See screenshot of the 'lift' of "images/main.gif" I got... and how it appears, visually. Anybody else here SEE anything here in the manner of 780px by 5px??

Until I can actually SEE this thing, you might just try removing the "repeat-y;"... maybe Netscape Navigator does not recognize "repeat-y". I know that this is not even actually part of CSS2 yet even... even though IE and Fx do currently support it. Maybe Netscape never supported it, and the good folks at Netscape are devoting themselves more to Firefox these days..

Just use "background-repeat: repeat;" (repeats both x and y-axes (note (http://en.wikipedia.org/wiki/Axes)), even though the container is as-wide as the graphic, it will do no harm.

[comptech520]

This is the image I am using now so you have a visual:
http://esctonline.com/new/images/mainTEST.gif

If you go to http://www.esctonline.com/test it should be in all black
In "Netscape" the file mainTEST.gif is all black and it just appears once.

This is the code I have in there
.main {
background: url(images/mainTEST.gif) repeat-y;
border-top: 4px solid #FFF;
padding: 8px 12px 0 0;
}

[WebJoel]

This is the image I am using now so you have a visual:
http://esctonline.com/new/images/mainTEST.gif

If you go to http://www.esctonline.com/test it should be in all black
In "Netscape" the file mainTEST.gif is all black and it just appears once.

This is the code I have in there
.main {
background: url(images/mainTEST.gif) repeat-y;
border-top: 4px solid #FFF;
padding: 8px 12px 0 0;
} Yes, I see "http://esctonline.com/new/images/mainTEST.gif"
When I try "http://esctonline.com/new/images/main.gif" I see nothing. That the page resolves, indicates that there IS an image. I can 'right-click-&-SAVE' something, -something that I cannot SEE.

Look at my previous post. Two Firefox views of the absolute-path URLs to "images/mainTEST.gif" and "images/main.gif". I do not SEE "main.gif". Do you SEE anything? :confused: (not being angry or sarcastic... but there is nothing to SEE).

If you are seeing something, but NOT in Netscape, try my suggestion of removing "repeat-y;" "y" is the vertical axis.
But it should 'tile' anyway. And to be sure, just use "background-repeat:repeat;" I know that NN can handle that, and it will work.

-Don't make me download Netscape... :D

[comptech520]

I am refering to netscape specifially.

Please see my images

Note the black line
http://esctonline.com/new/netscape.jpg

This is what is suppose to look like
http://esctonline.com/new/firefox.jpg

I use black so you can see it, I will change that graphic once it is fixed.

This is my code:
div#main {
background: url(images/mainTEST.gif);
border-top: 4px solid #FFF;
padding: 8px 12px 0 0;
background-repeat: repeat;
}

[WebJoel]

Now that "repeat-y" is removed from the Selector "background", "background" should be "background-image". -Probably won't make a hill-o-beans difference (although my HTML-editor refuses to show the image when written "background: url();")...

-Sigh... I guess I'm going to have to download NN again...

-What version NN are you using? (And if you say v.4.x I'm gonna hang-up and go buh-bye...) :D

[WebJoel]

Okay dude, -I have Netscape Navigator 9.0.0.3... here is a screenshot of what I see...
Yes, -all black. It WORKS. Clear your cache. Let's try that. :)

[comptech520]

you are right, still nothing.

I am using NN 8

[WebJoel]

Upgrade to NN 9.0.0.3. You have to do that manually. v.8x will not do 'automatic upgrade' to v.9x...

I'm still thinking here... :D

[comptech520]

In NN 9 It works, how can I get it to work in 8

[WebJoel]

In NN 9 It works, how can I get it to work in 8
Submit a bug report to NN/Mozilla. ?? I'm at a loss. Maybe, possibly... do all your other DIVs have "background-color:transparent;" or "background-color:none"? It's possible that NN8.x fails to recognize "transparent", or fails to recognize "none" for the "background-color" Selector... :confused: :confused: :confused: :confused: :confused: :confused: :confused: :confused: :confused: :confused: (We are limited to just TEN Smilies... d'ja kknow that, hmmm?? )

[KDLA]

I saw it. Black bar under the red; the rest of the content was white. I was using Netscape 9 (I think - I'm at home now) on an XP machine. I couldn't figure out the problem, though. At first, I thought it was a parse error caused by the ampersand (since it was in the "offending" div), but then figured that it would have to precede the div to wreak havoc.

Shawn - I suggest you try a different image. Just some goofy .jpg you know would work and see if it is the image, or the coding. I've had trouble with image display in earlier versions of Netscape before. Next, I suggest you apply some huge background to the div and see if one of your nested elements has a background (or lacks a background because of a float or whatever) other than what you applied.

Also, if I remember right, another time I found that Netscape had problems with the "repeat" selector (but this was in a table). You might try breaking up the shorthand into the separate styles, see if that handles it. I can't offer much more advice than that. Really, it'll have to be a process of elimination.

good Luck-
KDLA

[comptech520]

KDLA,

Could I kindly ask for a code example?

[KDLA]

Do you mean for the background?

.main {
background-image: url(images/main.gif);
background-repeat: repeat-y;
background-position: left top;
border-top: 4px solid #FFF;
padding: 8px 12px 0 0;

[WebJoel]

If the background image itself is as wide as the container it will reside in, you don't even need to specify "repeat-y", as simple "repeat" will cause it to repeat in the only direction available to it... downward.

Remember, "repeat-x" and "repeat-y" are not even specified in CSS2. It's rather a miracle that browsers even adhere to obey this.

I'd only use "repeat-y" if the image were a fractional portion of the actual container's width (like, the container is 700px wide and the background-image is 50px wide, and I want it to tile seamlessly, in the vertical direction. Then, I would be forced to specify "repeat-y" which implicitly excludes the x-axis tiling (no horizontal repeat).

I still think that NN v.8.x does not know "repeat-y". At any rate, I am not losing any sleep over this. :rolleyes:

But once again I have to reiterate: I can't even SEE the image when I right-click-&-SAVE to my desktop and view in PS/PP or any other graphics program... I only see a WHITE nothingness... It is nearly impossible to work with something that I cannot see... (yeah I know... there's a black image now for TEST but, if I cannot see the "main.gif", -how can I tell if it is even working or not?) :confused:

[KDLA]

But once again I have to reiterate: I can't even SEE the image when I right-click-&-SAVE to my desktop and view in PS/PP or any other graphics program... I only see a WHITE nothingness... It is nearly impossible to work with something that I canot even see...

Joel - I wonder if it is a platform issue -- you're running on Linux, right? I'm on XP...... :confused: Maybe the exported output of the image is targeted for MS.... just thinking, though.

[WebJoel]

Joel - I wonder if it is a platform issue -- you're running on Linux, right? I'm on XP...... :confused: Maybe the exported output of the image is targeted for MS.... just thinking, though.
I've been running this example entirely on XP (using PhotoShop and PaintPro as my graphics editors, which only show me a 700-something by 5px 'whiteness of nothingness' image...) :confused:

I found a rather obscure (NN 4.x) bug report that says this:

....5.3.6, 5.3.7
background-position is not supported. I note (for the sake of the developers, if they read this) that if it becomes supported, repeat-x and repeat-y must tile in both directions.... Wondering if relevant..