Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > CSS z-index query

Reply
Thread Tools

CSS z-index query

 
 
David Russell
Guest
Posts: n/a
 
      12-09-2004
Hi all,

I am not sure if this is the right forum for this type of question, so I ask
with trepidation...

I have a site (sample at: http://www.kiriath-arba.com/aquiva/) which I am
trying to develop.

The problem I am having is in the positioning of the logo (top left). As it
is on the website, it appears perfectly on IE, but the logo does not appear
on Netscape/Firefox, etc. (Haven't tried Opera yet...too depressed)

The crux of the problem is that the logo image, due to the thin line
dangling down the page means that if I had everything on the same z-index,
then it covers the top line or two of text. to resolve this, I added a
z-index to my stylesheet (http://www.kiriath-arba.com/aquiva/aquiva.css) and
tried to put the image on z-index: 1 and the body on z-index:2. This did
nothing at all.

After playing around, I discovered that if I made the image z-index: -1,
then it worked on IE, but disappeared completely from Netscape/Firefox

what should I be doing to get the thing working properly? I am getting
somewhat frustrated at what I expected would be a quick and easy. Or is this
merely a limitation to netscape that I'll have to live with?

Thanks in advance

David Russell


 
Reply With Quote
 
 
 
 
Pete Gray
Guest
Posts: n/a
 
      12-09-2004
In article <B-ydnYgY06WoyCXcRVn->,
says...

> The problem I am having is in the positioning of the logo (top left). As it
> is on the website, it appears perfectly on IE, but the logo does not appear
> on Netscape/Firefox, etc. (Haven't tried Opera yet...too depressed)
>
> The crux of the problem is that the logo image, due to the thin line
> dangling down the page means that if I had everything on the same z-index,
> then it covers the top line or two of text. to resolve this, I added a
> z-index to my stylesheet (http://www.kiriath-arba.com/aquiva/aquiva.css) and
> tried to put the image on z-index: 1 and the body on z-index:2. This did
> nothing at all.
>
> After playing around, I discovered that if I made the image z-index: -1,
> then it worked on IE, but disappeared completely from Netscape/Firefox


AFAIAA something must be absolutely positioned to have a z-index.
Position .main and give it a z-indexof 2, give .Logo a z-index of 1
(otherwise it hides behind .toplogo).

Does that help?

> what should I be doing to get the thing working properly? I am getting
> somewhat frustrated at what I expected would be a quick and easy. Or is this
> merely a limitation to netscape that I'll have to live with?
>


No, it looks like it's IE getting it wrong again.

--
Pete Gray
while ($cat!="home"){$mice=="play";}
 
Reply With Quote
 
 
 
 
David Russell
Guest
Posts: n/a
 
      12-10-2004

"Pete Gray" <> wrote in message
news:...
> In article <B-ydnYgY06WoyCXcRVn->,
> says...
>
>> The problem I am having is in the positioning of the logo (top left). As
>> it
>> is on the website, it appears perfectly on IE, but the logo does not
>> appear
>> on Netscape/Firefox, etc. (Haven't tried Opera yet...too depressed)
>>
>> The crux of the problem is that the logo image, due to the thin line
>> dangling down the page means that if I had everything on the same
>> z-index,
>> then it covers the top line or two of text. to resolve this, I added a
>> z-index to my stylesheet (http://www.kiriath-arba.com/aquiva/aquiva.css)
>> and
>> tried to put the image on z-index: 1 and the body on z-index:2. This did
>> nothing at all.
>>
>> After playing around, I discovered that if I made the image z-index: -1,
>> then it worked on IE, but disappeared completely from Netscape/Firefox

>
> AFAIAA something must be absolutely positioned to have a z-index.
> Position .main and give it a z-indexof 2, give .Logo a z-index of 1
> (otherwise it hides behind .toplogo).
>
> Does that help?


Hi Pete

Yes, that does it...I was convinced that I tried that at some stage...but
obviously not...Thanks a stack...

>
>> what should I be doing to get the thing working properly? I am getting
>> somewhat frustrated at what I expected would be a quick and easy. Or is
>> this
>> merely a limitation to netscape that I'll have to live with?
>>

>
> No, it looks like it's IE getting it wrong again.
>
> --
> Pete Gray
> while ($cat!="home"){$mice=="play";}



 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
ASP.NET won't retrieve query results that depend on union query Eric Nelson ASP .Net 5 02-04-2009 10:51 PM
Trying to query the Address table data of AdventureWorks database from Query Analyzer - need help! Learner ASP .Net 1 01-30-2006 08:58 PM
Build dynamic sql query for JSTL <sql:query> Anonymous Java 0 10-13-2005 10:01 PM
xpath query query David Gordon XML 2 05-18-2005 03:33 PM
CAML Query: Multiple Query Fields Issue Jon F. ASP .Net Web Services 0 05-12-2004 08:19 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57