Bonjour à tous,

C'est encore moi pour un nouveau problème débile !

En ce qui concerne le code source ici :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<header>
            <nav class="navbar navbar-default navbar-fixed-top " role="navigation">
				  <div class="container" style="width:auto">
					<div class="navbar-header">
					 <button id="menu-toggle" type="button" class="navbar-toggle" style="display:block;float:left;margin-top:15px;">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					  </button>
					 <a class="navbar-brand" id="a_logo" href="#" style="margin-left:0px">
							<img src="img/logo.png"   id="logo" alt="logo" style="margin-top: -15px;"/>
						</a>
						<div class="pull-right">
							<form class="navbar-form navbar-right" role="search">
								<div class="input-group" id="div_search">
								<input type="text" class="form-control autocomplete" id="searchContact" name="searchContact" placeholder="Nom du contact"   list="datalist" required="true" autocomplete="off" />
								<ul id="results_searchContact" class="list-group"></ul>
									<!--<input type="text" class="form-control" id="input_sidebar" placeholder="Search" name="q">-->
									<div class="input-group-btn">
										<button class="btn btn-default" id="icon_search" type="submit"><i class="glyphicon glyphicon-search"></i></button>
									</div>
								</div>
							</form>
						</div>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
					  
					</div><!--/.nav-collapse -->
				  </div>
				</nav>
</header>
C'est sur la ligne en rouge que ça se passe.

J'ai ce CSS. Un par défault, et un media querie qui, dans firebug me donne ceci :
https://gyazo.com/0636c17e8ce6aed4652868842fd68f6e

Et le code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
@media all and (max-width: 760px) {
	#searchContact {
		right: 39px;
	}
 
 
	#icon_search {
		right: 0px;
		top: -4px;
	}
 
}
 
#icon_search {
	margin-left: 0px;
	position: absolute;
	right: -139px;
	top: -4px;
}
Le problème étant, c'est que la média n'est pas prise en compte pour #icon_search alors que pour searchContact, elle l'est. Un peu bizarre.

Ma méta est bien mise et correcte.

Si quelqu'un à une explication..