Probleme avec firefox et mes css

[hikaru]

bonjour à tous,

voilà je fais un site avec des boites un peu partout...

je test ma page sous ie et ca marche tres bien mais par contre avec firefox le fond de ma page ( qui est gris ne s'affiche pas)

voici l'adresse de ma page qui est un essai...

essaiSite

suffit de tester avec mozilla et de voir que le fond sur lequel est placé le menu courant le menu left et le contenu ne s'affiche pas correctement avec mozilla

*{margin: 0 px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
}


.pageEntiere{
	/* background-color: #0000CC;*/
	margin-left:130px;

}

.part_1{
  /*background-color: #00FF00;*/
  
  }

/*********************************************************************** TOP ZONE ***********************************************/

.logo{	
  background-color:#182286;
  width:1000px;
  margin-bottom:3px;
  height:70px;
	}

.banniere{
  	background-color:#DAE4E4;
  	width:1000px;
  	height:100px;
  }
  
.searchBar{
  background-color:#969595;
  padding:10px;
  margin-top:3px;
  
  width:980px;
  height:10px;
  }
  
.lastUpdateBar{
  background-color:#182286;
  padding:10px;
  margin-top:3px;
  width:980px;
  height:10px;
  	}

.part_2{
  background-color:#999999;
  width:1000px;
  margin-top:0.3%;
  }

/*********************************************************************** MENU COURANT ***********************************************/
.menuCourant{
  background-color:#7F96B7;
  padding:10px;
  margin: 3px 80px 3px 80px;
  border: thin solid #FFFFFF;
  clear:both;
  
  }

/*********************************************************************** MENU GAUCHE ***********************************************/
.menuGauche{
  	background-color: #666666;
  	padding:20px;
  	float:left;
  	width:160px;
  	margin-top:3px;
  	margin-right:3px;
  	}

/*********************************************************************** CONTENU ***********************************************/
  	
.contenu{
  background-color: #00FFFF;
  padding:20px;
  margin-top:3px;
  width:757px;
  float:left;
  }
  

celui qui peut m'aider, je lui en serai reconnaissante à vie....

hikaru

[Mamat]

Peux tu préciser ? Qu'entends-tu par ne s'affiche pas correctement ? chez moi il n'y a rien d'apperrement faux... mais ca dépend de ce que tu voulais que ca rende en définitive...

[michmuch51]

Peux tu préciser ? Qu'entends-tu par ne s'affiche pas correctement ? chez moi il n'y a rien d'apperrement faux... mais ca dépend de ce que tu voulais que ca rende en définitive...

<{POST_SNAPBACK}>

Compare simplement son site avec firefox et ie tu verras la différence est flagrante

<edit>Au fait on est voisin </edit>

Modifié 7 Avril 2005 par michmuch51

[Mamat]

Oui michmuch j'ai cru voir que tu était dans les bulles toi aussi !

Mais par contre c'est peut-être moi mais je vois pas de dif entre IE et FF ? a part le margin... mais c'est minime et si facilement corigeable !

[michmuch51]

.part_2{
position:absolute;
  background-color:#999999;
  width:1000px;
  padding:3px
  }

essai avec ca ca à l'air ok...

<edit>J'ai rien dit, je ne vois plus le bug en fait en interne, ca m'indui en erreur...</edit>

Modifié 7 Avril 2005 par michmuch51

[hikaru]

salut,

ben en fait y a un difference entre les deux je vais te mettre deux printscreens

le resultat que je voudrais c'est celui que j'obtien avec ie...

mozilla:

Internet exploreur:

voila comme ca tu peux voir que le fond gris derriere le boite et le contenu ne va pas jusqu'en bas avec mozilla mais bien avec internet exploreur

[Mamat]

Autant pour moi ! essaye ce que t'a donné michmuch ;o)

[michmuch51]

je viens de mettre mon site en div et ai rencontré le même problème que toi je vais te renvoyer la réponse qui m'a été faite:

tu verras avec ce code tu auras ton bonheur, sufit de le retoucher:

topic alsacreations

en fait ca donne ca:

.part_2{
  background-color:#999999;
  width:1000px;
  padding:3px;
  height: auto !important;
height: 100%;
min-height: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
  }

Bon courage...

Modifié 7 Avril 2005 par michmuch51

[hikaru]

helas ca ne marche pas pour moi

je ne sais vraiment plus koi essayer....

mais merci d'esayer de m'aider c'est surper sympa

bisous à tous

hikaru

[hikaru]

ca y est j'ai fini pas résoudre mon problème.

[Mamat]

Ha super ! n'oublie pas de d'éditer le sujet insère [Résolu]

[hikaru]

Kikoo que veux tu dire par "n'oublie pas de d'éditer le sujet insère "??

bizz à tous

hikaru

[Mamat]

C'est juste modifier le titre du post pour que les gens sachent que ton probleme est résolu et ne viennent pas perdre leur temps ici ;oD

[hikaru]

oki je vois

mais je vais encore t'ennuyer car je suis pas souvent sur des forum et j'ai aucune idée de comment on fait ca ptdr.....

bizz

[Mamat]

Heu en fait apperement ce n'est pas la coutume sur ce forum alors ce n'est pas si grave ! Laisse tomber

[slender]

bonsoir

apparemment j'ai le meme probleme:

un <div> conteneur qui contient trois <div> en mode float left qui viennent se mettre cote a cote pour le remplir.

<div id="conteneur">

<div id="side1"> menu left</div>

<div id="content"> bla bla bla</div>

<div id="side2"> menu right</div>

</div>

Le probleme est que sous Firefox, le conteneur ne prend pas la hauteur des div qu'il contient et donc je ne peux pas lui appliquer un fond. Le probleme ne se passe pas sous IE qui prend correctement la hauteur des 3 colonnes.

Apparemment Firefox ne donne pas de hauteur au div conteneur alors que IE le fait. La méthode appliquée ci-dessus ne marche pas.

Est-ce un problème récurrent?

merci d'avance.

slender

<edit>resolu</edit>

Modifié 8 Mai 2005 par slender