Re: [WSG] z-index bug in webkit?

[tee]

http://bit.ly/nX5se0


On Jul 21, 2011, at 7:21 PM, Al Sparber wrote:

> On 7/21/2011 10:10 PM, tee wrote:
>> I have never experienced z-index issue before in webkit browsers and this 
>> one really got me. It's been two days still haven't been able to solve.
>> 
>> Visit from Chorme or Safari, the slideshow has a transparent layer for 
>> texts. I do believe the z-indx order is correct because it works for IE6/7.
>> 
>> http://bit.ly/qJoJcy
> 
> Actually, it does not work well in any modern browser. Perhaps IE7 is its 
> sweet spot :-)
> 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] z-index bug in webkit?

[Al Sparber]

On 7/21/2011 10:10 PM, tee wrote:

I have never experienced z-index issue before in webkit browsers and this one 
really got me. It's been two days still haven't been able to solve.

Visit from Chorme or Safari, the slideshow has a transparent layer for texts. I 
do believe the z-indx order is correct because it works for IE6/7.

http://bit.ly/qJoJcy


Actually, it does not work well in any modern browser. Perhaps IE7 is 
its sweet spot :-)



Looking at the page, I would say that z-index might be the least of your 
concerns.


--
Al Sparber - PVII
http://www.projectseven.com
Menus | Galleries | Widgets For the Real World
Since 1998


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

[WSG] z-index bug in webkit?

[tee]

I have never experienced z-index issue before in webkit browsers and this one 
really got me. It's been two days still haven't been able to solve.

Visit from Chorme or Safari, the slideshow has a transparent layer for texts. I 
do believe the z-indx order is correct because it works for IE6/7.

http://bit.ly/qJoJcy

Thank you!
tee



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Z-index

[William Donovan]

you may need to put some more positioning on the header and some leading room 
above the folio to account for the gap required for FF and IE7 and possibly 
others. 

I'd ask the question on the relevance of maintaining the header as it is so 
large and will take up a lot of screen real estate and some of the folio items 
are large.

I'm assuming the aim is to highlight the fulle experience of these.

From memory position:fixed is not supported in IE6.

William




> Laert Jansen <[EMAIL PROTECTED]> wrote:
> 
> Hello everyone!
> 
> I got a problem here. I´m trying to get the header of my website fixed 
> at
> the top on a z-index but it´s not working. My  website 
> iswww.laertjansen.com
> 
> I just want to fix the info at the top but what happens can be seen
> here
> .
> 
> The Header´s css is:
> 
> #header {
> margin:auto;
> width:894px;
> margin-bottom:26px;
> position:fixed;
> z-index:100;
> 
> Does anyone have any idea of what´s my mistake? Thanks a lot in advance.
> 
> 
> -- 
> Laert Jansen
> www.laertjansen.com
> 
> 
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Z-index

[tee]

On Sep 4, 2008, at 4:44 PM, Laert Jansen wrote:



The Header´s css is:

#header {
margin:auto;
width:894px;
margin-bottom:26px;
position:fixed;
z-index:100;



Impressive work The Jacob Ferreira is very barackobama though. Is  
barackobama.com your work?
One of my client last year told me she loves the design and wanted her  
site looks like his - the feel, the color, the design. Freaked me out!  
Too me a great effort to convince her I cannot pirate other's work.


You can't use margin:auto with fixed position.

Try something like this:


#header {
 top:0;
left:80px; /* if you want it centered */
width:894px;
margin-bottom:26px;
position:fixed;
z-index:100;

}

You can also use absolute position.

tee

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Z-index

[Laert Jansen]

Hello everyone!

I got a problem here. I´m trying to get the header of my website fixed at
the top on a z-index but it´s not working. My  website iswww.laertjansen.com

I just want to fix the info at the top but what happens can be seen
here
.

The Header´s css is:

#header {
margin:auto;
width:894px;
margin-bottom:26px;
position:fixed;
z-index:100;

Does anyone have any idea of what´s my mistake? Thanks a lot in advance.


-- 
Laert Jansen
www.laertjansen.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] z-index problem with dropdown menu

[John Faulds]

#header {
position: relative;
z-index: 999;
}



I've z-indexed just about everything on the page to no avail so far.


Right, well obviously I hadn't. I could've sworn I'd done that for #header  
as well. Oh well, thanks for the extra sets of eyes guys! :)


--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] z-index problem with dropdown menu

[Thierry Koblentz]

> John Faulds wrote:
>> http://www.tyssendesign.com.au/sites/evolved/sax/
>>
>> I can't figure out why the dropdowns fall behind the content below them.
>> Can anybody see what I'm obviously missing? :?

Hi John,
It's a "stacking context" issue [1], so increasing the z-index value of the
dropdown won't change anything.
Add this to your #header{} rule:
z-index:1

[1]
http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.
asp

-- 
Regards,
Thierry | http://www.TJKDesign.com







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] z-index problem with dropdown menu

[Al Sparber]

From: "John Faulds" <[EMAIL PROTECTED]>


I've z-indexed just about everything on the page to no avail so far.


#header {
position: relative;
z-index: 999;
}

--
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] z-index problem with dropdown menu

[John Faulds]

I've z-indexed just about everything on the page to no avail so far.

On Mon, 05 Nov 2007 14:35:31 +1000, Chris Knowles <[EMAIL PROTECTED]> wrote:


John Faulds wrote:

http://www.tyssendesign.com.au/sites/evolved/sax/

I can't figure out why the dropdowns fall behind the content below them.
Can anybody see what I'm obviously missing? :?



Hi John,

I'd have a look at setting a z-index on #sidebar2 (I don't think you
have one). Because it comes after the dropdown in the source   some
browsers may assume it should have a higher z-index than the dropdown so
it may help to set it lower.





--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] z-index problem with dropdown menu

[John Faulds]

I'm not responsible for the site - just doing the HTML/CSS work for  
someone else. The links to the site have been removed.


On Mon, 05 Nov 2007 14:29:05 +1000, Chris Knowles <[EMAIL PROTECTED]> wrote:


John Faulds wrote:

http://www.tyssendesign.com.au/sites/evolved/sax/

I can't figure out why the dropdowns fall behind the content below them.


seems to me like the dropdowns need a firm hand - try:
http://www.saxleather.com.au/index.php?page=home&subrange=crops


Can anybody see what I'm obviously missing? :?


I can see this but I'm not sure if you're obviously missing it or not:
http://www.saxleather.com.au/index.php?page=home&subrange=nipple%20clamps

but I can also see that it's a site that not everyone on the list may
appreciate ;)





--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] z-index problem with dropdown menu

[Chris Knowles]

John Faulds wrote:
> http://www.tyssendesign.com.au/sites/evolved/sax/
> 
> I can't figure out why the dropdowns fall behind the content below them.
> Can anybody see what I'm obviously missing? :?
> 

Hi John,

I'd have a look at setting a z-index on #sidebar2 (I don't think you
have one). Because it comes after the dropdown in the source   some
browsers may assume it should have a higher z-index than the dropdown so
it may help to set it lower.

-- 
Chris Knowles


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] z-index problem with dropdown menu

[Chris Knowles]

John Faulds wrote:
> http://www.tyssendesign.com.au/sites/evolved/sax/
> 
> I can't figure out why the dropdowns fall behind the content below them.

seems to me like the dropdowns need a firm hand - try:
http://www.saxleather.com.au/index.php?page=home&subrange=crops

> Can anybody see what I'm obviously missing? :?

I can see this but I'm not sure if you're obviously missing it or not:
http://www.saxleather.com.au/index.php?page=home&subrange=nipple%20clamps

but I can also see that it's a site that not everyone on the list may
appreciate ;)

-- 
Chris Knowles


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] z-index problem with dropdown menu

[John Faulds]

http://www.tyssendesign.com.au/sites/evolved/sax/

I can't figure out why the dropdowns fall behind the content below them.  
Can anybody see what I'm obviously missing? :?


Cheers
John


--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] z-index conflict in IE6 with positioned elements

[Ted Drake]

Hi everyone.

 

I’ve been struggling with some z-indexed, positioned
elements that are getting obscured by content further down the page in IE6. 
After doing a bit of research, I came across these two sites: 

 

http://www.aplus.co.yu/css/z-pos/index.php

http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html


 

Aleksandar has a suggested fix that works for simple pages.
I’ve got too many positioned elements on my pages and it’s a virtual
pile-up of ungodly proportions.

 

Has anyone found a solution to this problem?

 

Thanks

 

Ted Drake

Front-end
Engineer

Yahoo! Tech

 

Re: [WSG] Z-index Problem

[Genau Lopes Jr.]

You are using the same z-indez number in both classes. You should use 
different z-index numbuer for each absolute div.

att,
Genau L. Jr
www.meucarronovo.com.br

James Oppenheim wrote:
Hi all,
I am having trouble with css z-index. Here is a portion of it:
img.y {
position: absolute;
top: 147px;
z-index: 1;
}
img.x {
position: absolute;
top: 201px;
z-index: 1;
}
.main_content {
position: relative;
left: 0px;
top: 0px;
z-index: 2;
text-align: left;
padding: 50px 20px 15px 34px;
color: #494949;
font-size: 12px;
height: 350px; /* Start of IE min-height hack */
min-height: 290px;
}
html>body .main_content {
height: auto;
min-height: 290px; /* End of IE min-height hack */
}
At the moment it all works well, except for IE. IE does not like the 
fact that there is not a left position allocated. So it puts the 
images in the centre of the screen, but under the text, so the Z-index 
works.  If I make the position: relative; the images will not be 
placed underneath the text.

Any ideas??
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**


**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

[WSG] Z-index Problem

[James Oppenheim]

Hi all,
I am having trouble with css z-index. Here is a portion of it:
img.y {
position: absolute;
top: 147px;
z-index: 1;
}
img.x {
position: absolute;
top: 201px;
z-index: 1;
}
.main_content {
position: relative;
left: 0px;
top: 0px;
z-index: 2;
text-align: left;
padding: 50px 20px 15px 34px;
color: #494949;
font-size: 12px;
height: 350px; /* Start of IE min-height hack */
min-height: 290px;
}
html>body .main_content {
height: auto;
min-height: 290px; /* End of IE min-height hack */
}
At the moment it all works well, except for IE. IE does not like the fact 
that there is not a left position allocated. So it puts the images in the 
centre of the screen, but under the text, so the Z-index works.  If I make 
the position: relative; the images will not be placed underneath the text.

Any ideas??
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

RE: [WSG] z-index problem

[Trusz, Andrew]

 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gallagher, Robin
Sent: Thursday, February 24, 2005 12:49 AM
To: 'wsg@webstandardsgroup.org'
Subject: [WSG] z-index problem

Hi

I've got a 3-column page with footer:
#leftcol {
clear: both;
float: left;
width: 30%;
margin-left: 0px;
margin-top: 0px;
margin-right: 10px;
...
}

#rightcol {
position: absolute;
left: 68%;
top: 130px;
width: 30%;
padding-left: 10px;
padding-right: -10px;
margin-top: -2px;
margin-left: 10px;
}

**


Floats and absolute positioned elements are out of the normal flow. As such
they need to be cleared. For a basic understanding of positioning see the
specs:

http://www.w3.org/TR/CSS21/visuren.html
http://www.w3.org/TR/CSS21/visudet.html

And also (a little easier to wade through until the specs become familiar):

http://www.positioniseverything.net/articles/float-theory.html
http://www.brainjar.com/css/positioning/default.asp

drew
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

[WSG] z-index problem

[Gallagher, Robin]

Hi

I've got a 3-column page with footer:

#header {
position: relative;
background-color: #33ccff;
background-image: url(crest_banner1.jpg);
background-repeat: no-repeat;
height: 100px;
border-bottom: 1px solid #fff;
z-index: 190;
}

#header_text {  
font-size: 400%;
margin-left: 80px;
}

#more   {
font-size: 90%;
}

#leftcol {
clear: both;
float: left;
width: 30%;
margin-left: 0px;
margin-top: 0px;
margin-right: 10px;
background-color: #fff;
background-image: url(background.jpg);
background-repeat: no-repeat;
padding: 2em 10px 20px 10px;
border-right: 1px solid #0a57a4;
}

#rightcol {
position: absolute;
left: 68%;
top: 130px;
width: 30%;
padding-left: 10px;
padding-right: -10px;
margin-top: -2px;
margin-left: 10px;
z-index: 3;
padding: 2em 10px 10px 10px;
background-color: #fff;
background-image: url(background.jpg);
background-repeat: no-repeat;
border-left: 1px solid #0a57a4;
}

#leftmenu {
font-size: 80%;
}

#content {
margin: 0px 32% 0px 32%;
padding: 10px 10px 10px 10px;
color: #000;
background-color: #fff;
z-index: 100;
}

#hnav {
position: relative;
background-color: #ffa615;
background-image: url(bluebox.gif);
background-repeat: repeat-y;
color: #fff;
height:1.6em;
border-bottom: 1px solid #fff;
z-index: 200;
}

#footer {
z-index: 4;
clear: both;
width: 100%;
margin: -1px 0 0 0;
text-align: center;
font-family: Verdana;
font-size: 11px;
padding: 3px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
color: #fff;
background-color: #0a57a4;
background-image: url(bar.jpg);
background-repeat: no-repeat;
}

which works ok, excepting that the rightcol sometimes goes over the top of the 
footer (ie when text is resized larger), despite having a lower z-index. Any 
thoughts why this is happening and how to fix it?

TIA

> Robin Gallagher
> 
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Z-Index in IE - Got a problem need help

[Jay Hills]

- Original Message -
From: "Peter Asquith" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Monday, September 06, 2004 12:04 AM
Subject: Re: [WSG] Z-Index in IE - Got a problem need help

> Hi Jay
>
> Once you've dropped down a .sidecontent menu, in IE6, if you click
> elsewhere on the page, the hidden element leaps to the top of the
> z-order. I think the problem arises from using margins to effect the
> overlap. Additionally, due to the order of execution, this is also
> responsible for the flicker.
>
> If you use the actual positioning of the .sidecontent elements (say,
> top: -25px;) instead of deflating the margin then the strange effects in
> IE go away.
>
> I've created a mock up at http://www.wasabicube.com/test/testover.html
> which demonstrates this working.
>
> Cheers
> Peter


Ah! That solved the problem perfectly! I knew it was something very simple
which I'd overlooked. Thanks a bunch.

Jay S Hills

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Z-Index in IE - Got a problem need help

[Peter Asquith]

Jay Hills wrote:
You can use Mozilla/Firefox/Opera to see what I mean at
http://www.ikonik.net/2/. It works in Internet Explorer but the tabs
'flicker'. Is this a problem with the Z-index in IE or have I done something
else wrong with my CSS? link: http://www.ikonik.net/2/css/visual.css.
Hi Jay
Once you've dropped down a .sidecontent menu, in IE6, if you click 
elsewhere on the page, the hidden element leaps to the top of the 
z-order. I think the problem arises from using margins to effect the 
overlap. Additionally, due to the order of execution, this is also 
responsible for the flicker.

If you use the actual positioning of the .sidecontent elements (say, 
top: -25px;) instead of deflating the margin then the strange effects in 
IE go away.

I've created a mock up at http://www.wasabicube.com/test/testover.html 
which demonstrates this working.

Cheers
Peter
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

[WSG] Z-Index in IE - Got a problem need help

[Jay Hills]

Hello,

After reading DWWS (Zeldman) and fiddling around with some DOM script, I've
got a series of tabs which when clicked reveal a menu underneath, using
toggling of the CSS display element. (display: none; and display: ; is
toggled).

I used Z-index 1 for the tab, and Z-index 2 for the content, so that the
content will be above the tab and the content background will overlap the
bottom of the tab for that "extending effect".

You can use Mozilla/Firefox/Opera to see what I mean at
http://www.ikonik.net/2/. It works in Internet Explorer but the tabs
'flicker'. Is this a problem with the Z-index in IE or have I done something
else wrong with my CSS? link: http://www.ikonik.net/2/css/visual.css.

Any help would be appreciated, thanks in advance.



---

Snippets:
CSS:

 #features .sidecontent {
 background: url(../img/iko/sdmid.gif) repeat-y bottom center;
 z-index: 2;
 position: relative;
 margin-top: -15px;
 padding: 5px 10px 10px;
}

#features h2 {
 z-index: 1;
 margin-top: 5;
 margin-left: 0;
 margin-bottom: 0px;
 width: 195px;
 background-color: #FFF;
 color: #666;
 position: relative;

XHTML:

  


  
Tech and Web
Art and Design
Thoughts and Life
  





---

Thanks again, it's probably something real silly but I can't work it out. I
only have a flicker problem in IE.

Jay S Hills
www.ikonik.net

ps. For some reason 'MDaemon' (daemonite.net?) puts me down as spam so I can
never submit to this list usually.

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

[WSG] Z-Index in IE - Got a problem need help

[Jay Hills]

Hello,
 
After reading DWWS (Zeldman) and fiddling around with some DOM 
script, I've got a series of tabs which when clicked reveal a menu underneath, 
using toggling of the CSS display element. (display: 
none; and display: ; is toggled).
 
I used Z-index 1 for the tab, and Z-index 2 for the content, 
so that the content will be above the tab and the content background will 
overlap the bottom of the tab for that "extending effect". 
 
You can use Mozilla/Firefox/Opera to see what I mean at http://www.ikonik.net/2/. It works in 
Internet Explorer but the tabs 'flicker'. Is this a problem with the Z-index in 
IE or have I done something else wrong with my CSS? link: http://www.ikonik.net/2/css/visual.css.
 
Any help would be appreciated, thanks in advance.
 



Snippets:
CSS:
 
 #features .sidecontent { background: 
url(../img/iko/sdmid.gif) repeat-y bottom center; z-index: 
2; position: relative; margin-top: -15px; padding: 
5px 10px 10px;
}  #features h2 
{ z-index: 1; margin-top: 5; margin-left: 
0; margin-bottom: 0px; width: 
195px; background-color: #FFF; color: #666; position: 
relative;
 
XHTML:
 
       
     
  
    Tech and 
Web    Art and 
Design    
Thoughts and Life  
    

 



Thanks again, it's probably something real silly but I can't 
work it out. I only have a flicker problem in IE.
 
Jay S Hills
www.ikonik.net

[WSG] Z-Index

[Jay Hills]

Hello,
 
While test viewing some future pages on an XDAII PDA, I saw 
the content text was being pushed away under a sidebar. This is probably due to 
my 'let's-use-margins-for-positioning' habit. Therefore I decided to start using 
z-index to push the main text to the 'front' when the layout is sqeezed 
together. Obviously, this is only for any fixed-width layouts.
 
A friend mentioned that Z-index isn't widely supported by 
browsers, but I couldn't find any easy-to-reach information about it so I'm 
asking you guys. How effecient is Z-Index and is there any point in using it? 
Should I just organise my code better or use only flexible layout 
methods?
 
(Oh and please forgive me for the silly amount of Holiday 
messages. I realised my mistake just after I got in the taxi but by then it was 
too late, thanks to whoever unsubscribed me)
 
Jay SH

[WSG] Z-Index?

[Ikonik.net]

Hello,
 
While test viewing some future pages on an XDAII PDA, I saw 
the content text was being pushed away under a sidebar. This is probably due to 
my 'let's-use-margins-for-positioning' habit. Therefore I decided to start using 
z-index to push the main text to the 'front' when the layout is sqeezed 
together. Obviously, this is only for any fixed-width layouts.
 
A friend mentioned that Z-index isn't widely supported by 
browsers, but I couldn't find any easy-to-reach information about it so I'm 
asking you guys. How effecient is Z-Index and is there any point in using it? 
Should I just organise my code better or use only flexible layout 
methods?
 
(Oh and please forgive me for the silly amount of Holiday 
messages. I realised my mistake just after I got in the taxi but by then it was 
too late, thanks to whoever unsubscribed me)
 
Jay
 
---Outgoing mail is certified Virus Free.Checked 
by AVG anti-virus system (http://www.grisoft.com).Version: 6.0.516 / 
Virus Database: 313 - Release Date: 01/09/2003