hauteur en % dans les DIV

Marsh Posté le 13-02-2007 à 14:40:26

Voila j'ai fait ma page web avec des css en faisant plusieurs bloc. Pour que la page s'adapte à toute les résolution, j'ai mis la hauteur et la largeur des bloc en %. Pour la largeur pas de soucis ça marche. par contre la hauteur de mes bloc est au minimum que je mette 10% ou 100%...
J'ai donc essayé de mettre mes hauteurs en px mais du coup mes largeur foire!!!
Est-ce que vous savez d'où ça vient et comment je peux y résoudre?
Voila le code du fichier css:
div#menu {
width:100%;
height:7%;
background-image:url(memo/images/Accueil/Accueil.gif)
}
div#sousMenu {
float:left;
width:18%;
height:86%;
background-color:#000000;
}
div#logo {
width:18%;
height:20%;
background-image:url(memo/images/Logo.gif)
}

div#contenu {
float:right;
width:81%;
height:86%;
background-color:#000000;
}
div#barre {
width:100%;
height:20%;
background-image:url(memo/images/barre-bas.gif)
}

et mon code dans le fichier:
<body>

<div id="menu">Ceci est le menu</div>
<div id="sousMenu">
<div id="logo">Logo</div>
Ceci est le sous menu
</div>
<div id="contenu">
<div align="right">Ceci est le contenu</div>
</div>
<div id="barre">Ceci est la barre du bas</div>

</body>

Voila merci

Marsh Posté le 13-02-2007 à 14:40:26

Marsh Posté le 13-02-2007 à 15:16:45

Une page html n'a pas de "hauteur" .... puisque tu peux la faire défiler potentiellement à l'infini ... AFAIK un % pour un attribut "height" n'a donc aucun sens en tant que tel ...

La seule manière que je vois de faire ça est de définir une grosse DIV globale et *au sein* de celle-ci, plusieurs sous-DIV avec des pourcentages pourraient fonctionner (au pire tu utilises des valeurs fixes, puisque tu connais la valeur de ta grosse DIV et donc la proportion des petites).

Message édité par ZeBix le 13-02-2007 à 15:18:10

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *