Discussion :

[kstou2001]

Bonjour tout le monde,

Jvous explique mon probleme, épsérant avoir une solution.

Jrencontre un petit probleme pour fixer une largeur a 220px d"une colonne.

Ma page web est constituée d'une entete, d'un menu positionné à gauche, du contenu de la page affiché à droite du menu et d'un pied de page.
(bref, l'interface classique)


J'utilise ce code pour la partie html:

<table align="center" cellpadding="0" cellspacing="0" id="page">

<tr id="entete">

<td class="titreSite" colspan="2">

</tr>
<tr>

<td id="menu">
</td>

<td id="contenu">
</td>

</tr>

</table>

Et voici pour le css:

BODY
{
font-family:"Times New Roman";
font-size:12px;
margin: 0; /* pour eviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
margin-top:1%;
margin-bottom:1%;
background-color:#EEEEEE;
}
#page{
height:96%;
width:95%;
border:1px solid;
}

#menu{
width:225px;
vertical-align:top;
background-color:#505050;
}

Si ma resolution ecran est de 1280, la largeur de la colonne est bien de 225px mais si je passe en resolution 1024, la largeur passe a 195px et donc ça me decalle tout (testé sur firefox et sur IE)

est-ce que quelqu'un a déjà eu ce probleme?

jlui en serais reconnaissant de m'apporter son aide.
merci

[kstou2001]

En fait ma propriété css width:225px était positionné dans le mauvais bloc. car lorsque j'affiche un menu il est contenu dans une balise div ayant ces proprietes:

.menuForm{
background:url("images/menu.gif");
height:30px;
line-height:30px;
text-indent:20px;
margin-top:0;
border:1px solid grey;
}

et c'est dans ces propriétés que j'aurais du mettre le width.