Probleme avec float sous firefox
Bonjour,
Je n'arrive pas à afficher ma page comme je voudrais sous firefox alors que ça marche sous IE.
Ma page est constitué d'un header, d'un menu et du corps central.
Dans mon header il y a une div qui flotte à droite contenant un champ de connexion.
La div de mon menu est elle aussi censée flotter à droite du corps central mais sous firefox elle se positionne par rapport au champ de connexion (c'est à dire le plus à droite possible tout en restant à gauche du champ de connexion) alors qu'elles ne sont pas dans la même div.
Pour expliquer différemment :
<div id='header'>
<div id='connection'> /* float: right; dans le css*/
...
</div>
</div>
<div id='menu'> /* float: right;*/
</div>
<div id='contenu'>
</div>
-------------------------------------------------------
|------------------------------------------|-champ-|
|--------------------------------______|______|
|-------------------------------|-----------|----------|
|-------------------------------|--menu-|----------|
|-------------------------------|-----------|----------|
|-------------------------------|______|----------|
|-----------------------------------------------------|
|-----------------------------------------------------|
|______________________________|
Si quelqu'un à une idée !
Merci.
Je n'arrive pas à afficher ma page comme je voudrais sous firefox alors que ça marche sous IE.
Ma page est constitué d'un header, d'un menu et du corps central.
Dans mon header il y a une div qui flotte à droite contenant un champ de connexion.
La div de mon menu est elle aussi censée flotter à droite du corps central mais sous firefox elle se positionne par rapport au champ de connexion (c'est à dire le plus à droite possible tout en restant à gauche du champ de connexion) alors qu'elles ne sont pas dans la même div.
Pour expliquer différemment :
<div id='header'>
<div id='connection'> /* float: right; dans le css*/
...
</div>
</div>
<div id='menu'> /* float: right;*/
</div>
<div id='contenu'>
</div>
-------------------------------------------------------
|------------------------------------------|-champ-|
|--------------------------------______|______|
|-------------------------------|-----------|----------|
|-------------------------------|--menu-|----------|
|-------------------------------|-----------|----------|
|-------------------------------|______|----------|
|-----------------------------------------------------|
|-----------------------------------------------------|
|______________________________|
Si quelqu'un à une idée !
Merci.
Configuration: Windows XP Firefox 3.0.10
3 réponses
-
Bon en fait j'ai trouvé c'est que sur firefox le champ de connexion était dans un fieldset et que j'ai rajouté l'effet spécifique à firefox pour avoir les coins arrondis et là-dedans il y avait aussi un padding qui faisait empiéter le menu du dessous donc il était obligé de se décaler.
Merci pour vos nombreuses réponses !... -
up
-
Bon évidemment l'aperçu n'affiche pas la même chose qu'une fois ajouté d'ou l'intérêt de l'aperçu...^^
Comme ça j'espère que c'est mieux :
-------------------------------------------------------
|------------------------------------------|-champ-|
|--------------------------------_______|_______|
|-------------------------------|----------|----------|
|-------------------------------|--menu--|----------|
|-------------------------------|----------|----------|
|-------------------------------|_______|----------|
|-----------------------------------------------------|
|-----------------------------------------------------|
|______________________________________|
