Voici celui du jour.
Visuellement, ma page est composée comme suit :
- Un menu vertical gauche
- Un cadre principal au centre
- Un menu vertical droit
La contrainte est la suivante :
Je souhaite, quel que soit la résolution, que la largeur de mon menu de gauche = la largeur de mon menu de droite, et surtout, qu'il y ait un espace entre le menu de gauche et le cadre principal, et un espace entre le cadre principal et le menu de droite ... Je pensais qu'avec des positions et des largeurs "relatives" basées sur des % je m'en sortirais ... mais ... que nenni !
En fait si je passe en résolution 600 x 800, non seulement je perds ma notion d'espacement que j'aimais bien, et surtout mon menu de gauche, devenu trop large, est caché derrière mon cadre principal.
Voici un extrait de ma CSS :
CITATION
.cadremenugauche {
position: absolute;
top: 190px;
left: 10px;
width: 10%;}
position: absolute;
top: 190px;
left: 10px;
width: 10%;}
CITATION
.cadre {
position: absolute;
left: 15%;
right: 15%;
top: 190px;
width: 70%;}
position: absolute;
left: 15%;
right: 15%;
top: 190px;
width: 70%;}
CITATION
.cadredroite {
position: absolute;
top: 190px;
right: 10px;
width: 10%;}
position: absolute;
top: 190px;
right: 10px;
width: 10%;}
Je pensais naîvement qu'avec ces calculs, la mise en page s'adapterait ... Ce qui n'est pas le cas, et de surcroit, j'ai plus d'espace entre mon cadre principal et mon menu de droite ... qu'avec la gauche ...
Sorry ... je suis tjs newbie et je ne comprends pas ou je foire ... mm pourcentage à gauche qu'à droite ...
