Discussion :

[cdossert]

Bonjour,

Je souhaiterai faire disparaitre une boite div si la taille de l'écran est inférieur à 600px.

J'ai fait ceci, mais la boite (nommé boiteNav) ne disparait pas !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
@media all and (max-width: 600px) { 
.boiteNav {
	display:none;
}
}
@media all and (min-width: 601px) { 
.boiteNav {
	width: 100%;
	max-width: 280px;
	background-color: #39F;
}
}

Quelqu'un aurait-il une solution ?
Merci

[NoSmoking]

Bonjour,
ton code semble correct à condition que tu ais un élément possédant la class = "boiteNav".

[cdossert]

Bonjour NoSmoking

Bien sûr que j'ai déclarer cette boite dans mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="boiteNav boiteleft">boiteNav</div>

boiteleft contient simplement des paramètres d'alignement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.boiteleft {
	float: left;
	margin-right: 5px;
}

Merci

[NoSmoking]

Aucune raison que cela ne marche pas si on a tout.
le CSS suivant est suffisant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.boiteNav {
  width: 100%;
  max-width: 280px;
  background-color: #39F;
}
.boiteleft {
  float: left;
  margin-right: 5px;
}
@media all and (max-width: 600px) {
  .boiteNav {
    display:none;
  }
}

[cdossert]

Ok, je vais "nettoyer" mon code et revoir ca, car moi aussi ca m'intrigue...

Merci à toi