1485 sujets

Web Mobile et responsive web design

Bonjour,

Alors voila, je commence a utiliser le responsive, chose pas simple pour le moment Smiley smile . J'ai par habitude de centrer ma page avec un margin:0 auto, par exmple :



.container {width:960px; margin:0 auto;} 


Hors je ne sais pas si ces propriétés sont encore utilisable lorsque qu'on adapte sa page en responsive ? Par exemple



@media screen and (max-width:800px){
	
.container { width:800px; margin:0 auto; }

}



Voila, j'espère avoir été clair dans ma question Smiley smile

Merci d'avance pour vos réponses.
Administrateur
Hello,

Ton media query ne cible que les écrans faisant au maximum 800px de large.
Dans un tel écran, ton .container de 800px va forcément occuper toute la largeur, voire plus, et ne pourra pas être vraiment centré.

Pourquoi ne pas :
- indiquer une largeur en % (et le centrer avec des marges auto)
- ne pas indiquer de largeur du tout et le laisser occuper tout seul comme un grand tout l'espace disponible ? (et le "centrer" simplement en indiquant des marges internes - padding - au parent de .container)