28220 sujets

CSS et mise en forme, CSS3

[Résolu] Problèmes de mise en page avec autres butineur que IE

Bonsoir,

Je viens de terminer un site http://www.thecinnamonpatch.com, et j'ai quelque soucis avec les pages suivantes (et d'autres, mais c'est la même chose, donc je ne veux pas vous surcharger) :

http://www.thecinnamonpatch.com/commande.htm
--> le pied de page se retrouve au centre avec Netscape7.1 (pas de soucis avec IE)

http://www.thecinnamonpatch.com/marianne.htm
--> la photo sort du cadre avec FireFox 1.01 sous MacOS 10.3.8 (pas de soucis sous IE)

http://www.thecinnamonpatch.com/kits-spring.htm
--> Le cadre ne s'allonge pas pour s'adapter avec FireFox 1.01 sous MacOS 10.3.8 (pas de soucis sous IE)

Le fichier CSS est disponible : http://www.thecinnamonpatch.com/thecinnamonpatch.css

EN GROS: Je n'ai aucun problème avec IE, mais avec les autres oui.

Si vous manquez d'info merci de me le dire et je m'execute.

Meric pour ceux qui voudront bien m'aider !
Modifié par tabetozor (22 Mar 2005 - 20:18)
Bonjour,

Essaye cela:

#piedgeneral {
	text-align: center;
	font-size: 10px;
	margin-top: 5px;
	clear: both;
}

Je crois que tu aurais pu faire beaucoup plus simple sans les tableau...
mais c'est jolie.
Modifié par DSC (18 Mar 2005 - 22:22)
J'ai trouvé un paliatif pour l'instant, en trichant Smiley confused , créer un style CSS propre aux pages longues et qui marchent sous Firefox et autres.

Pas trop le choix pour l'instant: Ceux qui ont envie peuvent jeter un oeil sur mon CSS (lien dans mon premier post).

Merci en tous les cas.
Modifié par tabetozor (18 Mar 2005 - 23:29)
a écrit :
http://www.thecinnamonpatch.com/kits-spring.htm
--> Le cadre ne s'allonge pas pour s'adapter avec FireFox 1.01 sous MacOS 10.3.8 (pas de soucis sous IE)

Ce comportement me parait normal, puisque tu indiques une hauteur à ton conteneur:


#conteneurmain {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 770px;
	[#red]height: 560px;[/#]
	margin-top: -280px;
	margin-left: -385px;
	background-image: url(images/page-accueil.gif);
	background-repeat: no-repeat;
	text-align: center;
}

Supprimes la hauteur et cela rentrera dans l'ordre
Merci pour ta réponse.

Dans ce cas, je suis gêné par la hauteur du bandeau (menu de gauche) qui va sortir du cadre si mon texte central est trop petit.

En fait, ce que je voudrais est: mettre une taille minimale de 560px puis allongement automatique si mon texte est plus long. Mais ce n'est peut-être pas possible. Pourtant IE le comprends bien, mais bon ce n'est peut-être pas un comportement normal !

Peut-être que je dois revoir ma mise en page globale ? C'est à dire mettre le bandeau de gauche dans le div du centre et donc cela va résoudre mon problème je pense. Le centre va toujours être à la hauteur du bandeau, et non plus du texte et il va s'adapter si le texte dépasse.

Vous confirmez que mon raisonnement est correct ?
Merci à toi. Je teste et si c'est ok, je reviens mettre un Résolu ! Smiley cligne

EDIT: C'est donc Résolu et cela marche très bien. Merci !
Modifié par tabetozor (22 Mar 2005 - 21:29)
Sujet clos
Aller à