Bonjour,

Voici ma page ICI
Donc le #bloc3 jaune est pas aligné avec le #bloc 2 sur firefox (alignement sur la même ligne).
La chose étrange c'est qu'il l'est sur IE

De plus le plus etrange est que si je place ce code dans le bloc1 :


(Donc si je rajoute une bordure rouge au bloc 1 ca marche sur FF!)
Le problème est que je ne veux pas rajouter une bordure, j'ai essayé border:none; ou même border:hidden; mais rien n'y fait ! donc si quelqu'un pouvait m'aider ca serait cool.

Merci d'avance

As-tu essayé ceci :

border: 0px;

J'ai pas très bien compris ton problème, mais pourrais tu me donner ton fichier *.css au complet ?

-Exelo- oui j'ai déjà essayé

Ensuite pour Guillou heu mon css tu le trouve en regardant dans la source

Pour mon problème je pense avoir été tres clair.

Non, je ne crois pas....

<link href="css.css" rel="stylesheet" type="text/css" />

Pourrais-je avoir ce fichier

* { padding: 0; margin: 0; }

#bloc2 {
float:left;
height:55px;
width:100px;
color:#FFFFFF;
margin: 10px 0px 0px 10px;
border: 1px solid yellow;
}

#bloc1 {
height:82px;
width:780px;
background-color:#333333;
border: 0px;
}

#bloc3 {
border: 1px solid yellow;
height:55px;
width:75px;
color:#FFFFFF;
margin: 10px 0px 0px 250px;
}

mets le bloc3 aussi en float:left .
Les marges ne sont pas utilisées pareil pour les bloc normaux et pour les flottants par la plupart des navigateurs (l'exception étant pour IE qui considère tous les blocs comme des flottants :/ )

merci à toi ca marche

MAIS le problème c'est le margin du #bloc3 :



n'a pas le même comportement sous IE et sur firefox.

Voir lien ici

Merci d'avance

A part la taille de police qui diffère, je ne vois pas de différence.

Si il y a un espace plus important entre les 2 blocs sur IE

Un up