Discussion :

[DeWaRs]

Bonjour à tous,

Je rencontre un problème étrange que je ne comprend pas.
J'ai une table avec comme paramètre de style "border-collapse: separate; border-spacing: 35px 0px;"
Lorsque je lance mon appli en mode débug, pas de problème, tout fonctionne bien, mais une fois publiée, cela ne fonctionne plus (mes cellules ne sont plus espacées). J'ai pensé à un problème de navigateur, mais pour le debug et le publish j'utilise le meme, IE 9. Par contre, dans les deux cas celà fonctionne avec Chrome et FF.
Voici mon code source, si quelqu'un peut m'éclairer...

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
<div class="left" style="width: 100%; height: 66px;">
            <div>
                <asp:Table ID="lvl1nav" runat="server" width="100%" height="33px" 
                    BackImageUrl="imgs/toolbar_background.png" style="border-collapse: separate; border-spacing: 35px 0px;">
                    <asp:TableRow>
                    </asp:TableRow>
                </asp:Table>
                <div style="background: white; height: 1px;">
                 </div>
                <asp:Table ID="lvl2nav" runat="server" width="100%" height="33px" 
                     BackImageUrl="imgs/toolbar_background.png" style="border-collapse: separate; border-spacing: 35px 0px;">
                    <asp:TableRow>
                    </asp:TableRow>
                </asp:Table>
            </div>

Merci d'avance de votre aide.

DeWaRs.

[lou-03]

Bonjour,

J'ai eu le même soucis que toi. Dans Visual Studio l'affichage était nickel et lorsque je déployais le projet, tout était décalé.
Mon problème était lié au CSS j'utilisais des propriétés "left", "top" et ça me mettait mes div n'importe où.

Essaye peut être d'utiliser un simple tableau html plutôt qu'un tableau asp.net.
Et dans ton fichier css mettre :

Code :

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

1
2
3
4
5
 
table{
 border-collapse:separated;
 etc...
}

[DeWaRs]

Merci de ta réponse, le problème est que je remplis ma table dans le codebehind, donc avec une simple table HTML je ne pense pas que celà soit possible

[lou-03]

C'est possible avec un repeater, mais bon je ne vais pas te faire changer. Ca se trouve ton tableau n'y est pour rien ^^.

Si tu as des left, right, bottom ou top dans ton css, essaye de les remplacer par des margin et des padding.
Ensuite tu peux mettre un "margin : 2px" sur ton <Asp:TableRow>.
Ton décalage vient peut être de là.

[DeWaRs]

Hello,

Finalement j'ai contourné le problème en ajoutant la propriété padding-left a ma cellule lorsque je l'a créé dynamiquement. C'est un peu moins jolie, mais ça à le mérite de fonctionner sur tous les browsers

Merci de ton aide.

DeWaRs