1485 sujets

Web Mobile et responsive web design

Bonjour à tous

j'ai un petit souci avec un menu qui passe du float:right au float:left via les media query. Sur Chrome uniquement (ma version : 31.0.1650.57), le menu ne se remet pas à la bonne place si on agrandit la page après l'avoir réduite (donc actionné les media query).

Dans mon code, j'ai essentiellement :

#menu {
float: right;
margin: 5px 0 0 0;
}

@media (max-width: 767px) {
#menu {
float: none;
margin: 10px 0 0 0 ;
height: 30px;
}
}

Pour voir le problème en ligne : http://bit.ly/18EPK82

Quelqu'un aurait-il une idée de l'origine du problème ?

Par avance, un grand merci pour votre aide !
Il semblerait que le problème ait à voir avec la propriété display de mon DIV #main.

Le problème semble résolu si je le déclare en

par défaut : display: inline;
en responsive : display: inline-block;

Mais je dois avouer que ce qui se passe dans le moteur du navigateur me paraît assez obscure...