Discussion :

[zooffy]

Salut tout le monde.

Alors prise de tronche à la maison, faut arriver à mettre d'accord les deux frères ennemis : IE et FF. Alors pas de polémique sur FF qui est un navigateur de merde, mais je ne peux pas me passer de 40 % de mes visiteurs.

(ceci n'engageant que moi, bien entendu)

Alors voilà un GridView posé normalement et peu importe ce qu'il y a dedans, je vous donne le code HTML :

Code :

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

1
2
 
<asp:GridView ID="gvGig" runat="server" Width="100%" DataKeyNames = "IdGig"></asp:GridView>

Et le code Behind qui nous interresse (j'enlève le surplus)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
        With gvGig
            .CssClass = "gvGig"
            .BorderWidth = 0
            .AlternatingRowStyle.CssClass = "gvAltRow"
            .FooterStyle.CssClass = "gvFooter"
            .HeaderStyle.CssClass = "gvHeader"
            .PagerStyle.CssClass = "gvPage"
            .RowStyle.CssClass = "gvRow"
            .SelectedRowStyle.CssClass = "gvSelectedRow"
            .GridLines = GridLines.None
            .Columns.Add(tpGig)
            .DataBind()
        End With

Et maintenant les classes CSS :

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
 
.gvGig
{
 
}
.gvAltRow
{
    border-bottom:solid 1px Black;
}
.gvFooter
{
    border:none;
}
.gvHeader
{
    border:none;
}
.gvPage
{
    border:none;
}
.gvRow
{
    border-bottom:solid 1px Black;
}
.gvSelectedRow
{
    border:none;
}

Donc rien de surprenant, d'éxotique ou autre délire du genre.

Alors voilà le problème maintenant :
FF me mets une jolie ligne en bas de chaque ligne du GridView
IE veut rien savoir

Avez vous un idée pour matter IE, histoire que, pour une fois, il ne se fasse pas devancer par son concurrent ?

Cela ne vient pas du gridline à none, j'ai essayé.

Merci

[tortuegenie]

Utilise firebug dans IE pour voir quelle class CSS n'est pas appelée

[zooffy]

Merci pour ton idée.
Aurais tu un lien pour firebug pour IE ?

Je n'ai trouvé que pour FF.

[tortuegenie]

http://protuts.net/utiliser-firebug-...web-ie-inclus/

Tu peux aussi comparer les 2 codes sources. Normalement tu devrais deja avoir une feuille de css propre á IE, faudra certainement jouer avec ca

[zooffy]

Normalement tu devrais deja avoir une feuille de css propre á IE

On peut faire ça ? Comemnt ?

Merci pour le lien.

[Nicolas Esprit]

Bonjour,

Il existe plusieurs méthodes pour faire cela. Je te propose de consulter mon billet [ASP.NET 4] Nouveautés pour la détection et gestion des navigateurs. Les premières astuces listées ne sont pas propre à la version 4 d'ASP.NET et fonctionnent depuis la version 2.0

En espérant t'avoir aidé.

[zooffy]

Merci Nicolas pour ton lien. C'est un super truc, je vais pouvoir otimiser à fond mes sites. J'ai opté pour un Select Case au lieu d'une imbrication de IF, plus souple pour mon utilisation.

tortuegenie : j'ai comparé les ocde avec FireBug, mais je reste dans la mouise parce que je n'ai pas trouvé pourquoi je n'ai pas ma ligne noire en abs de mes case.
La chose que j'ai découvert c'est sur IE il me colle la classe CSS sur la TR. IE ne saurait pas mettre un Border sur un TR ?

Voilà le bout de code interprété :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 <table id="ctl00_cphGauche_lgDepart_gvGig" class="gvGig" contentEditable="inherit" border="0" cellSpacing="0">
 <tbody contentEditable="inherit">
 <tr class="gvRow" contentEditable="inherit">
 <td contentEditable="inherit" rowSpan="1" colSpan="1">
 <table class="tblListeGig" contentEditable="inherit" border="0">
</td>
</tr>
 <tr class="gvAltRow" contentEditable="inherit">
 <td contentEditable="inherit" rowSpan="1" colSpan="1">
 <table class="tblListeGig" contentEditable="inherit" border="0">
</td>
</tr>