[IE6] Pseudo classes first-child et last-child

Version imprimable

03/07/2008, 10h31
sliderman

[IE6] Pseudo classes first-child et last-child
Bonjour,

Je dispose d'une liste (générée par PHP). Je voudrais mettre le premier et le dernier élements en avannt (margin-bottom pour le premier et margin-top^pour le dernier).

J'utilise les pseudo classes, firts-child et last-child, elle fonctionne sous FF mais pas sous IE (6).

Existerait il un paliatrif qui fonctionne. J'ai essayé de mettre
Code:

1 2 3 li { margin-top: expression(this.nextSibling==null?'50px':'0');}; }
pour avoir un équivalent du résultat de
Code:

1 2 3 li:last-child { margin-top: 50px; }
sous IE 6 mais en vain.
J'ai aussi essayé
Code:

1 2 3 li { margin-top : expression((this===this.parentNode.childNodes[this.parentNode.childNodes.length-1])?"none":"auto"); }
maisr rien y fait.

Existe t'il un paliatif connu ?

curieux. J'ai testé ta première solution et ça marche chez moi

voici le code

Code:

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE>
<META http-equiv=Content-Type content="application/xhtml+xml; charset=iso-8859-1">
<style>
ul, li {
    margin:0;
    padding:0;
}
/* last child*/
li {
margin-top: expression(this.nextSibling==null?'50px':'0');};
}
 
/* first child */
li {
margin-bottom: expression(this.previousSibling==null?'200px':'0');};
}
 
 
 
</style>
</HEAD>
<body>
<ul>
    <li>aaaaaaaaaaaaaaaaa</li>
    <li>bbbbbbbbbbbbbbb</li>
    <li>ccccccccccccccc</li>
    <li>ddddddddddddddd</li>
    <li>eeeeeeeeeeeeeeee</li>
</ul>
</body></html>

testé sous IE6
;)

08/07/2008, 20h50
FremyCompany

Citation:

Envoyé par pop_up

curieux. J'ai testé ta première solution et ça marche chez moi

Même pas besoin d'essayer, c'est juste ;)
09/07/2008, 13h23
sliderman

eh alors pkoi ça ne fonctionne pas chez moi ?
09/07/2008, 17h20
pop_up

Ben c'est bizarre.

Si tu recopies exactement mon code et que tu regardes sous ton IE6, tu vois quoi exactement ? c'est les deux qui fonctionnent pas (le first et le last ?)

T'as un IE d'origine ou t'en as ou t'as fait un peu de tuning dessus ?

si ça marche pas, tu peux essayer de réinstaller IE6. Je vois pas ce qui peut causer ce genre de probleme a part peut etre un espace de plus dans ton code ou des trucs du genre.
09/07/2008, 19h10
sliderman

Citation:

Envoyé par pop_up

Ben c'est bizarre.

Si tu recopies exactement mon code et que tu regardes sous ton IE6, tu vois quoi exactement ? c'est les deux qui fonctionnent pas (le first et le last ?)

T'as un IE d'origine ou t'en as ou t'as fait un peu de tuning dessus ?

si ça marche pas, tu peux essayer de réinstaller IE6. Je vois pas ce qui peut causer ce genre de probleme a part peut etre un espace de plus dans ton code ou des trucs du genre.

non pas de tuning

c'est pas moi qui gère le poste informatiuqe de l'entreprise
oui en fait j'ai se besoin dans le cadre de mon activité professionnelle