[résolu] Problème de positionnement de cadre

Bonjour à tous,

je vous contacte car j'ai un problème que je n'arrive pas a resoudre. je travaille sur la creation d'un site et j'ai un probleme d'affichage sur firefox, sui n'existe pas du IE. Généralement, c'est le contraire, mais là ...

Voici les visuels:
Pour Internet Explorer
http://idesigner.free.fr/probleme/IE.gif

Pour Firefox
http://idesigner.free.fr/probleme/firefox.gif

En fait, le cadre de droite descends dans firefox et ne bouge pas avec IE.

Voici le CSS:

body, html {
	margin: 0em;
	padding: 0em;
	color: #333333;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 10px;
	background-color:#CCCCCC;
	border: 0em;
	}

#cadrePrincipal {
	position: relative;
	width: 64.5em;
	margin: 0em;
	background-color: #FFFFFF;
	border-left: 0.1em dashed #666666;
	}
	
#cadreContenu {
	margin: 5em 1em 1em 1em;
	width: 62.5em;
	height: auto;
	}

div id="cadrePrincipal">
     <div id="cadreContenu">
		  sdfgsdfsdfsdfsdfsdf
     </div>
</div>

Le cadre exterieur (cadrePrincipal) ne devrait pas bouger, mais dans Firefox, il suit le second cadre (cadreContenu).

Je ne vois pas ce que je dois faire?

Merci par avance.
Modifié par tarzanjane (12 Oct 2006 - 11:33)

Bonjour,

C'est un peu succinct pour pouvoir t'aider ...
A travers ma boule de cristal, essayes overflow: hidden; à la place de height: auto;

ghost a écrit :
C'est un peu succinct pour pouvoir t'aider ...

+1

ghost a écrit :
A travers ma boule de cristal, essayes overflow: hidden; à la place de height: auto;

À travers ma boule de cristal à moi, je dirais qu'il s'agit d'un problème de fusion des marges entre #cadreContenu et #cadrePrincipal (les marges haute et basse de #cadreContenu fusionnant avec celles de #cadrePrincipal et devenant les marges de #cadrePrincipal).

Sur la fusion des marges :
http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html

Un simple padding: 1px 0; sur #cadrePrincipal peut faire l'affaire.

Tout d'abord, merci pour l'aide ...

ensuite, il est vrai que mon explication est un peu succincte mais je ne voulais pas mettre une longue feuille de style. Je nvenais donc de decider de refaire une version plus allégée pour l'explication, mais j'ai vu ca:

mpop a écrit :

À travers ma boule de cristal à moi, je dirais qu'il s'agit d'un problème de fusion des marges entre #cadreContenu et #cadrePrincipal (les marges haute et basse de #cadreContenu fusionnant avec celles de #cadrePrincipal et devenant les marges de #cadrePrincipal).

Sur la fusion des marges :
http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html

Un simple padding: 1px 0; sur #cadrePrincipal peut faire l'affaire.

ghost a écrit :

A travers ma boule de cristal, essayes overflow: hidden; à la place de height: auto;

En fait, cela repond exactement à mon problème et j'ai résolu l'affaire en 2 minutes...

Merci