cross browser newbie question

Question

Essayer de comprendre comment IE et Firefox (et tous les autres navigateurs) traitent différemment css pour divs. J'ai mis en place trois divs simples qui s'affichent bien dans IE (7), mais n'affiche pas "right" dans FireFox (3.0.8). Pas compliqué, juste besoin d'un panneau de gauche, en-tête et quelque part pour le contenu principal. Pour une raison quelconque, dans FireFox, l'en-tête ne s'affiche qu'à 400px w au lieu de 650px comme il se doit. Quelqu'un peut-il me diriger dans la bonne direction pour avoir une bonne idée à ce sujet? Avoir une maquette client que j'ai déjà configuré de cette façon, puis réalisé FF a été foiré. Peut poster l'URL pour cela si aide à voir ce que j'essaye de faire?

#container 
{ 
position: absolute; 
width: 900px; 
left: 50%; 
margin-left: -450px;   
top: 0%; 
height: 500px; 
background-color: Red; 
} 


#leftContent 
{  
width: 250px; 
float: left; 
height: 500px; 
background-color: Green; 
} 

#header 
{  
width: 650px; 
height: 150px; 
background-color: Lime; 
display: block; 
} 

Answer 1

essayer

float:right; 

sur #mainContent

MISE À JOUR

Answer 2

Ajouter float:left à l'en-tête et mainContent.

#leftContent 
{  
    width: 250px; 
    float: left; 
    height: 500px; 
    background-color: Green; 
    float: left;  
} 

#header 
{  
    width: 650px; 
    height: 150px; 
    background-color: Lime; 
    display: block; 
    float: left; 
} 

#mainContent 
{ 
    background-color: Black; 
    height: 550px; 
    width: 650px; 
    float: left; 
} 

Answer 3

ftp ne fonctionne pas pour moi. Essayé une nouvelle amure - ajouté un emballage au contenu de droite (#header et #mainContent) et flotté que. Vous avez également eu à la fin du corps, mais pas d'ouvreur ... wierd. Quoi qu'il en soit - cela fonctionne pour tous mes navigateurs. Vous voudrez peut-être réadresser les valeurs de hauteur que vous avez utilisées pour vous assurer que tout s'aligne