/    Sign up×
Community /Pin to ProfileBookmark

Yet another Netscape Question….

CSS reads:

<style type=”text/css”>
background-image: url(‘background.gif’);
background-repeat: repeat-y;
background-position: 50% 50%}

</style>

Then:
<body style=”background-image: url(‘images/background.gif’)” etc etc >

Background image (1400 pixels wide by 1 pixel tall) appears centered in IE but not Netscape.

Ideas on this one?

to post a comment
CSS

9 Comments(s)

Copy linkTweet thisAlerts:
@SceironDec 10.2002 — What version of Netscape?
Copy linkTweet thisAlerts:
@cisauthorDec 10.2002 — Tested in 4.7x (I know... ..ancient)....

EDIT -

To me it doesn't really matter that it functions completely as most of the people who are going to check out the page will be viewing it in IE.

The image is so wide because it has a centered section that allows the middle background to appear one color while the sides are a different color. Therefore, with the main table centered and the background cooresponding as "centered" it gives the page a certain "look" that I really like. But I tested it in Netscape and it doesn't work in Netscape, unfortunately.

So I thought I would turn to experts here...

At this point I'm not going anywhere unless I can resolve the issue. So any advice at all appreciated. Is there another way to center a background image? I think I can get both Netscape and IE to repeat the image fine so I don't necessarily have to reley on the Y axis or any of the other code (admittedly stolen)...

Thx!!!
Copy linkTweet thisAlerts:
@gil_davisDec 10.2002 — NS 4.x ignores [font=courier]background-position[/font] in CSS styles.

There is an interesting work-around at http://www.webreference.com/dhtml/diner/bgresize/bgresize2.html that might give you some alternate ideas. It doesn't center the image, it resizes it to fit the window.

Another good link is http://webreview.com/style/css1/charts/mastergrid.shtml for CSS1 support.
Copy linkTweet thisAlerts:
@StefanDec 11.2002 — Another option is to not bother too much with it. NS 4.x users are getting fewer and fewer by the day, many of them converting to the NS 6-7 series, which in regard to CSS is by far the best browsers out there.

Thus just make sure the page works well on NS 7 (if it doesn't look OK you have most likely made a coding error).
Copy linkTweet thisAlerts:
@cisauthorDec 11.2002 — That's exactly what I decided to do. I guess I'm one of the few Netscape 4.7 guys out there...!

I chose to use it because I use a program called Netscape Composer that used to come with Netscape for free. It's what I learned to build web sites on and is actually *incredibly true to basic .html. So add in a little code (and the fact that you are looking at the page more or less how it will finally appear - as you are editing), and it turns out pretty well I think...

Thanks for all for all of the advice. I'll check it on NS 6 and 7 tomorrow.
Copy linkTweet thisAlerts:
@StefanDec 11.2002 — There is a website builder in NS 7 too (I think, at least it's there in Mozilla www.mozilla.org )
Copy linkTweet thisAlerts:
@King_PellinoreDec 13.2002 — It's always a better idea to have a site that is viewable in any browser. Make sure the info is there for all, while the unnecessary aesthetics work for most and if they don't, hide them for the specific offending browsers.

It doesn't matter a bit to the users of your pages which browser [i]you[/i] are using. It's a good idea to have the five or ten most popular browsers installed to test your pages.
Copy linkTweet thisAlerts:
@spufiDec 24.2002 — The Netscape and Mozilla Composers have a doctype(4.01 Trans.), but they don't actually point to a dtd, a common error in web design. You can check out Textpad and Edit Plus for some better text editors. Textpad's evaluation period is loosely done, so you can basically use it for free. Not that you should. :-) I actually put down the $30 for Edit Plus and I have no complaints so far.Ultra Edit is supposed to be great, but I haven't tried it yet. I just downloaded it though.
×

Success!

Help @cis spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...