28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous, je suis un débutant en css. Je me suis lancé dans la réalisation d'un site pour une amie mais je rencontre un problème.
Lorsque j'ai trop de contenu dans mon div="content" ma mise en page perd les pédales. Normalement la hauteur de la page devrait s'adapter au contenu, avec comme hauteur minimale 100%. Sous IE6 SP1, j'ai pas de problème mais sous firefox ça ne passe pas.

exemple de page qui ne fonctionne pas

page normale

lien vers mes css

Je suis un peu perdu là, et mon amie s'impatiente Smiley sweatdrop Je pensais pas que ça serait si difficile les css Smiley ohwell Si quelqu'un pouvait me donner un coup de main, ça serait plus qu'appréciable. Merci
Modifié par Prc (30 Jan 2007 - 17:31)
Administrateur
Bonjour,

Tu as demandé l'intervention d'un modérateur pour ce sujet dont tu es l'auteur.

En quoi ce sujet nécessite-t-il l'intervention d'un modérateur ?
Je n'ai pas observé de comportement hors charte.
Bonjour,

Pourquoi div#content a-t-il une hauteur fixe (571px) ?
Une hauteur minimale (min-height) ou pas de hauteur du tout seraient plus adaptés, non ?
Bonjour,

De plus un
#content {
	padding: 0;
	margin-left: 10px;
	overflow: hidden;
	}

devrait éliminer cette barre de scroll qui te décale ton bloc
Raphael a écrit :
Bonjour,

Tu as demandé l'intervention d'un modérateur pour ce sujet dont tu es l'auteur.

En quoi ce sujet nécessite-t-il l'intervention d'un modérateur ?
Je n'ai pas observé de comportement hors charte.


Il y a eu un message de spam qui a été supprimé depuis.
Florent V. a écrit :
Bonjour,

Pourquoi div#content a-t-il une hauteur fixe (571px) ?
Une hauteur minimale (min-height) ou pas de hauteur du tout seraient plus adaptés, non ?


Merci, le min-height fonctionne mais pas sous IE6.
Il y a un hack ou quelque chose pour y remédier
Julien Royer a écrit :
Salut,La FAQ est ton amie... Smiley smile


Florent V. a écrit :
Bonjour,

Pourquoi div#content a-t-il une hauteur fixe (571px) ?
Une hauteur minimale (min-height) ou pas de hauteur du tout seraient plus adaptés, non ?


voila, j'avais mis le "heigth: 571 px;" pour tromper IE, mais je ne l'avais pas mis au bon endroit. Par contre, j'ai l'impression maintenant que sous IE, mon div content ne s'agrandit plus en fonction de ce qu'il contient Smiley confus