473,397 Members | 1,961 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,397 software developers and data experts.

z-index and layers

Hello!

I'm author of a small wiki engine, coded in ANSI-C. A while ago I did
introduce frames, because I wanted to have a fixed application bar at
the top of the page and a scrollable document below. Well, although
this now works very well, it did make the delivery of the now framed
output very complex. Many things had been much easier and much more
straight forward before.

Now I was very happy to see this site:

http://binaervarianz.de/

If you make use of the scrollbar at the right you see, that there are
two elements (tables) which are fixed _AND_ make use of the CCS
parameter "z-index". This way they stay fixed, just the lowest layer
is scrolling away - in my case the wiki page. Now, that I was very
happy about this I wanted to change my wiki to work that way. But
unfortunately it seems to work just in Mozilla 1.5. Internet Explorer
also displays the whole thing, but seem to ignore the z-index, so that
the whole thing is scrolled together.

So now my question: I really would like to just deliver just one page
instead of 2 pages and a frame. Is there any way to make also IE
display this thing in the wanted way?

--
Thanks in advance, Martin Doering
Jul 20 '05 #1
2 3049


Martin Doering wrote:

Now I was very happy to see this site:

http://binaervarianz.de/

If you make use of the scrollbar at the right you see, that there are
two elements (tables) which are fixed _AND_ make use of the CCS
parameter "z-index". This way they stay fixed, just the lowest layer
is scrolling away - in my case the wiki page. Now, that I was very
happy about this I wanted to change my wiki to work that way. But
unfortunately it seems to work just in Mozilla 1.5. Internet Explorer
also displays the whole thing, but seem to ignore the z-index, so that
the whole thing is scrolled together.


It is not z-index but
position: fixed;
that keeps some elements fixed when the page is scrolled. And position:
fixed; is not supported by IE4/5/5.5/6 on Win, there you would need to
add some script or restructure the page and the CSS to have the same effect.
--

Martin Honnen
http://JavaScript.FAQTs.com/

Jul 20 '05 #2
On Mon, 09 Feb 2004 19:09:49 +0100, Martin Honnen <ma*******@yahoo.de>
wrote:
It is not z-index but
position: fixed;
that keeps some elements fixed when the page is scrolled. And position:
fixed; is not supported by IE4/5/5.5/6 on Win, there you would need to
add some script or restructure the page and the CSS to have the same effect.


It seems, that z-index is needed to make shure, that the scrollable
element keeps down under the fixed one.

I now have it nearly working. I just have the problem, that the fixed
element on the right side is partially overwritten by the scrollbar,
while on http://binaervarianz.de this is not the case. And I don't
know why. But I will find a solution for this too.

In the end I'm very happy, that I found a solution to get rid of
working with frames. It did make my wiki engine much more complex as
initially intended.

--
Martin Doering
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: JohnDpatriot | last post by:
After installing XP SP2 on my machine, I continually get the Script Error permission denied when I attempt to adjust the Zindex of an object on the page . see below ...
22
by: DJ WIce | last post by:
Hi, I'm looking for a script to get the hi-est z-index on a page. I want my javascript menu to be always on top of the page (moves along on top when you scroll down). Does anyone know how to...
2
by: Catherine Lynn Smith | last post by:
I have been playing with a page design that would use a 'circular' area in the middle rather than the standard boring square box world of tables and frames. I have the design itself layed out...
8
by: rdlebreton | last post by:
Hi, Folks! I've been trying to develop my own version of these draggable layers and I have been limiting myself to IE6...for now. I have looked at some other examples to get ideas of creating...
5
by: Razzbar | last post by:
I'm using a div as a floating dialog box. I'd rather use a popup window, but due to all the popup blockers in use, I have to use another method, a div that has absolute positioning. The damn...
1
by: engwar | last post by:
Not really sure how to ask this. I'm new to CSS/DHTML I want to create something similar to how yahoo and gmail handle the "to" field when you type an email. If you start typing "d" you will...
1
by: kannanprasad | last post by:
Hello, I have 2 flash objects in a html document. Both of them are in different DIVs and different Tables. They are overlapping and part of both are visible at any time. So, when user clicks on...
1
Claus Mygind
by: Claus Mygind | last post by:
How come I can set this style element document.getElementById("popTime").style.left = "0px"; but not this document.getElementById("freqJobDiv").style.zIndex = "20"; I have two nested...
5
by: rolfjb | last post by:
Friends, Thanks for being here! I am pretty new to all this ... I want to avoid people having to scroll on my website to see the content. Therefore I am using 4 layers overlapping each...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.