Discussion :

[movlw]

Bonjour, j'aimerai fixer un min height et un min width en pourcentage a mon body pour eviter que ma page html se deforme lorsquelle est reduite:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
html{
Height:100%;
Width:100%;
}
 
Body{
Height:100%;
Width:100%;
 
Min-height: 800px;
Min-width: 800px;
}

Mon code css ne marche pas et je ne sais pas comment resoudre le probleme

[NoSmoking]

Bonjour,
tout d'abord, même si cela n'a pas d'influence, prend l'habitude d'écrire tes propriétés en minuscule

Code :

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

1
2
3
4
5
6
7
8
9
10
html {
    height: 100%;
    width: 100%;
}
body {
    height: 100%;
    width: 100%;
    min-height: 800px;
    min-width: 800px;
}

je ne vois pas ce qui t'interdit d'écrire

Code :

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

1
2
3
4
body {
    min-height: 50%;
    min-width: 50%;
}

[movlw]

je pense que dasn ton cas le body ne vas occuper que 50% de la page, je voulais plutot quil occupe 100% de la page et en cas de reduction de la fenetre par le user celui conserve une taille minimum de 800px

[s0h3ck]

@movlw

Le code que vous aviez plus haut avec les modifications apportées par NoSmoking (soit en minuscule) devrait faire ce que vous souhaitez. Si ce n'est pas le cas, c'est que votre page HTML est sans doute invalide. En toute logique, vous devriez voir une barre de défilement si vous diminuez progressivement la fenêtre de votre navigateur. Si vous voulez forcer une page HTML à conserver une taille précise, il va falloir se renseigner chez javascript.

J'espère que ça répond à vos interrogations,
s0h3ck.