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

**sliderman** · 03/07/2008, 10h31

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
li {
margin-top: expression(this.nextSibling==null?'50px':'0');};
}

pour avoir un équivalent du résultat de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
li:last-child {
margin-top: 50px;
}

sous IE 6 mais en vain.
J'ai aussi essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**pop_up** · 03/07/2008, 12h31

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

voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**FremyCompany** · 08/07/2008, 20h50

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

**sliderman** · 09/07/2008, 13h23

eh alors pkoi ça ne fonctionne pas chez moi ?

**pop_up** · 09/07/2008, 17h20

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.

**sliderman** · 09/07/2008, 19h10

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

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

CSS

Discussions similaires

Partager

Partager