im faire un site Web http://nebkat.com/beta/index.php et Il y a un fond gris et un fond blanc pour le contenu (voir par vous-même). Le problème est que je ne peux pas définir la partie blanche à une hauteur de 100%. Il ne reste que jusqu'au titre (accueil ...), puis il s'arrête.
6 Réponses :
La hauteur Ma solution serait d'écrire un simple JavaScript, qui mesure la hauteur disponible, puis définit la hauteur de la div. : 100% en CSS ne fonctionne pas comme prévu.
Il devrait être assez simple, mais si vous avez besoin d'aide, je vais le mettre ensemble pour vous. :)
Je sais comment faire cela, mais le problème est que je ne veux pas que JavaScript soit fait quelque chose de CSS. Avoir un vieux navigateur pourrait le rendre mauvais: - /
Définissez la hauteur de votre #Container Div pour être à 100% ceci devrait résoudre le problème (au moins il va dans Firefox 3.6).
Vous devez vraiment installer un outil tel que Firebug pour Firefox, vous pouvez l'utiliser pour "Live" Modifier les propriétés CSS sur les sites Web. Il est vraiment facile de comprendre des problèmes tels que celui-ci.
Donner la hauteur à 100% pour le conteneur DIV et qui résoudrait votre problème.
Eh bien, vous utiliserez qui peut résoudre votre solution. min-hauteur: 100%; ou min-hauteur: 500px . .
Les hauteurs spécifiées dans% ne seront pas honorées par le navigateur (modifier: je veux dire qu'ils ne travailleront pas comme vous l'attendez).
Vous avez besoin d'un nettoyage DIV à l'intérieur de votre
Ils seront - à moins que l'élément parent ait une hauteur traitée comme «auto» (auquel cas le pourcentage est traité comme auto).
Cela signifie que la hauteur du parent doit être spécifiée dans px ? À droite?
Non. Toute unité du tout. La seule restriction est que cela ne peut pas être auto (et s'il s'agit d'un pourcentage, appliquez ce paragraphe à son parent (et ainsi de suite, récursivement)). div. Voici où vous devriez le placer:
3 commentaires
Cette réponse doit être mise à jour avec celle-ci: faire diviser 100% hauteur de Fenêtre de navigateur
body,html{
height:100%;
}
#container{
height:100%
}