hauteur en % dans les DIV

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : hauteur en % dans les DIV

koala13

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

Publicité

ZeBix

edit > preview

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

FORUM HardWare.fr

Programmation

HTML/CSS

hauteur en % dans les DIV

Sujets relatifs
Div adapté à la hauteur des pages	Div adapté à la hauteur des pages
Div qui ne prend pas toute la hauteur de la page... [résolu]	faire bouger par JS la hauteur d'un DIV petit a petit...
Div de 1px de hauteur	[Javascript] Recuperer la hauteur dun div
Taille de texte et div à hauteur dynamique	Un div à hauteur maximale en float?
[Javascript] Obtenir la hauteur d'un "div" ? [Résolu, merci Leris]	Div centré en largeur et hauteur
Plus de sujets relatifs à : hauteur en % dans les DIV

Page générée en 0.038 secondes