28220 sujets

CSS et mise en forme, CSS3

[Je donne le lien vers les designs à la fin du message]
Voici mon problème : mon design est sensé s'adapter quand on supprime un des menus. Seulement voila, quand j'en supprime un, sous IE, pas de problème mais sous FF, le contenu est éjecté en fin de page.
Sur le contenu, j'ai utilisé les propriété suivantes sur le contenu :
div#contenu {
	float: left;
	margin: 2px;
	margin-top: 3px;
	/* VARIABLE */
	width: auto;
}


Design avec deux menus : http://bistory.free.fr/design/
Design avec un seul menu : http://bistory.free.fr/design/index2.htm

Merci pour vos réponses Smiley smile
Bistory
Modifié par Bistory (01 Oct 2005 - 11:06)
Bonjour Bistory, et bienvenue sur ce forum,

Plutôt qu'un zip, merci de mettre en ligne directement la page test. Cela simplifiera les choses à tout le monde, et te donnera nettement plus de chances qu'on se penche sur le problème.

Face au nombre de demandes et de sujets, l'ouverture du zip et de ses fichiers est franchement dissuasive.
Modifié par Laurent Denis (01 Oct 2005 - 09:34)
Hello Bistory,

J'ai jeté un oeil à ton ZIP, et j'ai effectivement remarqué la différence d'affichage entre les deux navigateurs. En fait, tu as positionné tes deux menus latéraux en float, mais le contenu central également. Je peux te proposer ceci :


div#contenu {
	margin: 2px 130px 3px 130px;
	text-align: justify;
}


Avec ce type de positionnement, la partie centrale est indépendante de la présence des menus, et la mise en page n'est donc jamais modifiée. Je ne sais pas si c'est ce que tu souhaitais obtenir, ou si au contraire tu aurais voulu profiter de tout l'espace quand un menu est absent.
S'il vous plaît, aidez-moi (je veux pas faire le troll mais je ne sais pas faire avancer mon site avec ce problème, c'est d'autant plus frustrant que mon site est presque terminé :s )