28220 sujets

CSS et mise en forme, CSS3

Tableau dans un skin en CSS

Bonjour à tous !

J'ai créé un site avec un skin en CSS (un div menu et un div page, soit des pages web en deux parties). Mais pour réaliser un forum, quand j'ai utilisé des tableaux avec des width: 100%; j'ai eu de bien mauvaises surprises sous IE, qui interprête le 100% comme les 100% de la page, et non les 100% du div contenant ...

Avez-vous une solution à cela ?
Merci d'avance !
Jérém2302
Bonjour et bienvenue sur Alsacréations Jerem2302,

Aurais-tu un exemple en ligne ou les codes concernés (à coller entre [ code]et[ /code] sans les espaces) ?
Aucun problème !
Alors je commence par vous faire un rapide aperçu de la construction de la page :
<div id="menu">Accueil<br />Nouvelles ...</div>
<div id="page">
<table class="tableau"><tr><td>Colonne1.1</td>
<td>Colonne1.2</td></tr>
<td><td>Colonne2.1</td>
<td>Colonne2.2</td></td>
</table></div>

Ensuite tout le CSS joint :
#menu
{
   float: left;
   width: 200px;
}
#page
{
   margin-left: 210px;
}
.tableau
{
   width: 100%; /* Et c'est ce tableau qui foire */
}


Donc en fait, sous IE, le tableau à 100% est basé sur la largeur de la page ! IE ne prend pas en considération le DIV qui contient le tableau, et cela déforme la page. Sous Firefox, par contre, tout s'affiche normalement, car le Renard prend 100% comme les 100% du div qui contient le tableau ... Et c'est ce gros problème qui j'aimerai résoudre !

Avez-vous des idées ?
Merci d'avance et @++
Jérém2302
Sujet clos
Aller à