468,537 Members | 1,479 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,537 developers. It's quick & easy.

z-index+mozilla+opera

I am attempting to have a floating image below page content, but above
<body>

In order to get this to work with mozilla+opera, am I required to have all
page content set at z-index>(some number).??
When I started, I used negative z-index for my floating image, all worked in
opera, not mozilla. Google indicated must set <body>
position:relative;top:0;left:0;float:left; but then that broke opera.. image
didn't come more than 1/3 of page, regardless of style applied.
Is there a way to make opera not see mozilla style (or other way round)??

regards.
Jul 21 '05 #1
5 4229
On Tue, 26 Oct 2004 11:13:56 +0930, PhilM <ph***@nospam.com.am> wrote:
I am attempting to have a floating image below page content, but above
<body>
Huh?
In order to get this to work with mozilla+opera, am I required to have
all
page content set at z-index>(some number).??
When I started, I used negative z-index for my floating image, all
worked in
opera, not mozilla. Google indicated must set <body>
position:relative;top:0;left:0;float:left; but then that broke opera..
image
didn't come more than 1/3 of page, regardless of style applied.
Is there a way to make opera not see mozilla style (or other way round)??


Redefine the problem. I'm only a little intoxicated, but I can't
understand this at all.

Might you be trying to do a background image?
Jul 21 '05 #2
PhilM wrote;
I am attempting to have a floating image below page content, but above
<body>
URL? Sound strange.

Maybe you are after image under content but above background?

Flaoting image under content doesn't sound very sensible design aproach.
But you can float div and make it's width 0 so image overflows under
text...
In order to get this to work with mozilla+opera, am I required to have all
page content set at z-index>(some number).??
Not necessarily.
When I started, I used negative z-index for my floating image, all worked in
opera, not mozilla. Google indicated must set <body>
position:relative;top:0;left:0;float:left; but then that broke opera.. image
didn't come more than 1/3 of page, regardless of style applied.
Is there a way to make opera not see mozilla style (or other way round)??


URL?

Why above body? Why not above html? Is IE involved?

html {position:absolute;z-index:1}
div#stuff {position:absolute;z-index:2}
body {position:absolute:z-index:3}
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Jul 21 '05 #3
"PhilM" <ph***@nospam.com.am> wrote in message
news:41***********************@news.optusnet.com.a u...
I am attempting to have a floating image below page content, but above
<body>

In order to get this to work with mozilla+opera, am I required to have all
page content set at z-index>(some number).??
When I started, I used negative z-index for my floating image, all worked
in
opera, not mozilla. Google indicated must set <body>
position:relative;top:0;left:0;float:left; but then that broke opera..
image
didn't come more than 1/3 of page, regardless of style applied.
Is there a way to make opera not see mozilla style (or other way round)??


This might help: http://www.aplus.co.yu/CSSdesign/z-pos/

Jul 21 '05 #4

"PhilM" <ph***@nospam.com.am> wrote in message
news:41***********************@news.optusnet.com.a u...
I am attempting to have a floating image below page content, but above
<body> When I started, I used negative z-index for my floating image, all worked in opera, not mozilla. Google indicated must set <body>
position:relative;top:0;left:0;float:left; but then that broke opera.. image didn't come more than 1/3 of page, regardless of style applied.
Is there a way to make opera not see mozilla style (or other way round)??

... and no, not a "background-image", it must be above the background

no url available... yet.
The site is not hosted, but in design stages...

Am testing on ie6, Mozilla 1.8a4, opera7.53

just realized, mentioning a floating image here has a different meaning.
what I meant was an image (actually different instances of image) randomly
"positioned" behind the text etc, but to work in mozilla, to make neg
z-index viewable, it requires the above code.

The Why
The following is replicated between 5 and 15 times randomly for each page
position top and left generated randomly
the choice of image/s is generated randomly (images are faint,
non-intrusive)
<img style="position:absolute; left:$left; top:$top; z-index:-$index;"
src="templates/images/$img" alt="decoration" width="$size" height="$size">

this results in no 2 page views having the "exact" same appearance... part
of the designers "vision" (not me)

with the mozilla fix, all opera images are stuck in the top 1/3 of screen.
without the mozilla fix, mozilla doesn't display any instances of those
images.

will look into that already supplied, just posted this to, hopefully clarify
why...

PhilM


Jul 21 '05 #5
PhilM wrote;

"PhilM" <ph***@nospam.com.am> wrote in message
news:41***********************@news.optusnet.com.a u...
I am attempting to have a floating image below page content, but above
no url available... yet.
No answer available either. You failed twice about telling what you want,
and what you tried.
The site is not hosted, but in design stages...
So, get temporary hosting. Many ISPšs have some homepage space, and there
is free services too.
just realized, mentioning a floating image here has a different meaning.
Exactly why you should have used URL. If you can't do that, then you need
to figure it out yourself, or hire someone to look at it. (I promise to
look at it privately for 10euros...)
what I meant was an image (actually different instances of image) randomly
"positioned" behind the text etc, but to work in mozilla, to make neg
z-index viewable, it requires the above code.
Hm, most likey it should not work. as you have done something stupidly
The Why
The following is replicated between 5 and 15 times randomly for each page
position top and left generated randomly
the choice of image/s is generated randomly (images are faint,
non-intrusive)
<img style="position:absolute; left:$left; top:$top; z-index:-$index;"
src="templates/images/$img" alt="decoration" width="$size" height="$size">

this results in no 2 page views having the "exact" same appearance... part
of the designers "vision" (not me)


Well, that if 100% proof consept of making site impossible to read on
most cases. Why don't you ask the designer to show how it works, when 2
browsers are tiled in screen. Surely it will look the same on both, but
is usable in neither.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Jul 21 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Peter | last post: by
2 posts views Thread by Gabe Moothart | last post: by
19 posts views Thread by MasonC | last post: by
36 posts views Thread by Unknown User | last post: by
4 posts views Thread by tech_learn | last post: by
4 posts views Thread by PCH | last post: by
reply views Thread by wycareer | last post: by
2 posts views Thread by Bartosz | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.