Alex Mauzon

Most important (and complex) problem is to position some container in the vertical center of long page (with scroller) in IE6.

This is an ultimate solution (at least I think so) and I have to say HUGE THANKS to Vadim Makeev aka Pepelsbey for urgent and completely satisfactory help.

This is code fragment from working site and I have no time to simplify it to some model but it should be helpful.
Task: semitransparent layer on whole page and some notification container in the middle of page (fixed width and height):
Whatever.
Continue reading »

Correct CSS:

#someid div {color: blue;}
#someid div:first-child {color: red;}
#someid > div {color: green;}
#someid div div {padding-left: 2em;}
/*
just to show some indend and separate direct children to nested ones
*/


IE6 CSS:

<!--[if IE 6]>
<style type="text/css">
/*
FIRST CHILD AND NESTED CHILDRED:
1st one for :first-child
2nd one for all other directly nested childred
*/
#someid div {
  color: expression(this.previousSibling == null ? 'red' : (this.parentNode.id == 'someid') ? 'green' : '-' )
}
</style>
<![endif]-->


:first-child and nested children (for IE6) working example

Regular CSS for FF, IE7, Opera, Safari:


#subnav li {background-color: green;}
#subnav li:first-child {background-color: red;}


CSS for IE 6 (using conditional comments):

<!–-[if IE 6]>
#subnav li {background-color: expression(this.previousSibling==null?'red':'green');}
<![endif]-->

Similar to :last-child
Instead of this.previousSibling==null there should be this.nextSibling==null

Do you want to crash your visitors IE6?
Add <div id="tags">anything</div> to your page and suggest them to print it.

To avoid printing crash for IE6 just avoid id name tags

It seems it works (umm, crashes) to “native” IE6 and doesn’t work to IE6 within MultipleIE installation.

The web developer toolbar is a menu and toolbar setup for Opera which brings together functions related to web development, validation services and links to standards and other documentation.

Very useful tool.

Get web developer toolbar and menu for Opera