Résolu Site en fonction des résolution d'écran

Statut
N'est pas ouverte pour d'autres réponses.

Switch.

Codeur Web à ton service | > Python
Premium
Inscription
13 Janvier 2013
Messages
2 956
Réactions
968
Points
6 491
RGCoins
25
Salut j'ai commencé à codé un site, je l'avait terminé mais je me suis rendu compte à la fin qu'a cause des marge en px, elles variaient en fonction de la résolution de l'écran

du coup j'ai passé toute les tailles (margin/padding/width/height) en %
mais lors que je switch avec un écran plus grand les tailles changent encore et ca m'énerve

quelqu'un pourrait m'aider s'il vous plait ?

iWjNvgK.png

avec mon écran numéro 1

M4nVy0Q.png

sur mon écran 2 un peux plus grand ..

code css:
Code:
body
{
    background-color: blue;
    width: 99%;
    margin: auto;
    margin-top: 0.5%;
}   

header
{
    background: url("http://reality-gaming.fr/images/ligne-rg.png") repeat-x bottom;
    background-image: url("http://www.decowunder-tapeten.de/out/pictures/master/product/1/Sisaltapete_Heliodor_49007G.jpg");
    width:100%;
    height: 40%;
}

#banner
{
background-color: white;
width:20%;
height:100%;
}
 
Hello,

Tu peux utiliser les media queries pour adapter en fonction de chaques résolutions.


Et pour éviter de changer d'écrans à chaque test tu peux simuler les résolutions avec :
 
Hello,

Tu peux utiliser les media queries pour adapter en fonction de chaques résolutions.


Et pour éviter de changer d'écrans à chaque test tu peux simuler les résolutions avec :

Merci beaucoup je vais voir ca j'espere que ca va le faire :D
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut