Discussion :

[zooffy]

Bonjour à tous.
Habituellement je traine dans le forum ASP.NET, option VB, mais là j'ai un souci de CSS.

Dans mon site, je fais la mise en page avec une Table. Je sais, c'est Mal, mais ça marche bien

Dans une cellule je place un Div et dans le Div je mets une asp:Table. Sur chacun des deux je mets une classe CSS pour faire de la présentation.
Lorsque je regarde ma page avec IE 7 mon asp:Table est centrée mais pas avec FF 3. Du coup, je ne sais pas quoi faire.

Je vous soumets mon code :

Code :

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

1
2
3
4
 
<div class="NAVIHORI_Div">
<asp:Table ID="tblGene" runat="server" CssClass = "NAVIHORI_tblGene"></asp:Table> 
</div>

Et mes 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
 
.NAVIHORI_Div
{
    width:100%;
    border:none 0px Black;
    padding:0px;
    margin:0px;
    text-align:center;
}
.NAVIHORI_tblGene
{
    border:none 0px Black;
    padding:0px;
    margin:0px;
}

Pouvez vous m'aider ?

[HiRoN]

Bonjour,

Personnellement :
- Je rajouterai une taille à la table (width:XXXpx)
- Je rajouterai un margin:0 auto; pour la centrer

Donc dans l'idée :

Code CSS :

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

1
2
3
4
5
6
7
.NAVIHORI_tblGene
{
    border:none; /* Pas besoin de 0px black si border none */
    padding:0; /* Pas besoin de mettre 'px' quand 0 */
    width:500px; /* À adapter */
    margin:0 auto; /* À adapter */
}

[zooffy]

Merci pour ton aide.
Je vais apporter les corrections comme tu indiques.

Pour être sûr de bien comprendre, c'est donc dans la classe attribuée à la table que je lui dit de ce centrer elle même ?

Est ce que, pour la largeur de la table, je peux lui mettre un 100% pour quelle prenne toute la largeur du Div (en fait, c'est le but final) ?

[HiRoN]

Est ce que, pour la largeur de la table, je peux lui mettre un 100% pour quelle prenne toute la largeur du Div (en fait, c'est le but final) ?

Oui, tu peux, mais je ne vois alors plus ce qu'il y a à centrer...

[zooffy]

Oui, tu as raison.

Je suis pas trés frais ce matin.

C'est la taille de la table que je ne comprends pas. Dans cette table il va y avoir une ligne avec un nombre de cellule variable en fonction des sites. C'est ma barre de menu horizontale.
C'est pour ça que je l'ai collée dans un Div. Avec le CSS du div, je gère sa position (au centre, à gauche, à droite) et dans la table je mets toutes mes entrée de navigation. Du coup, je ne sais pas combien j'en ai à l'avance.

[HiRoN]

C'est la taille de la table que je ne comprends pas. Dans cette table il va y avoir une ligne avec un nombre de cellule variable en fonction des sites. C'est ma barre de menu horizontale.
C'est pour ça que je l'ai collée dans un Div. Avec le CSS du div, je gère sa position (au centre, à gauche, à droite) et dans la table je mets toutes mes entrée de navigation. Du coup, je ne sais pas combien j'en ai à l'avance.

Tout dépend alors de la structure (un div étant de base en width:100%)... Qui dit centrer, dit largeur définie...
Au pire mettre sur le div un scroll:auto + largeur + le centrer et laisser la table libre (si la taille de la table dépasse la largeur du div, alors apparition de barres de scroll)

[zooffy]

Ok, merci pour l'explication.

A la finale, j'ai pas mis de taille à la table et elle se retrouve centrée dans le Div, dans IE et dans FF. Donc, mon problème est résolu.

Pour le Scroll, j'y avais pas pensé. du coup, si un jour j'ai un site avec beaucoup d'entrée de menu je m'en servirai.

Kenavo