›

WebKit

iLandesiLandes Membre
dans API UIKit #1

Bonjour,


 


Je galère avec WebKit. J'essaye de définir des marges dans mon CSS. C'est bien pris en compte pour la gauche et pour le haut mais pas pour la droite et le bas.


 


Question subsidiaire. Savez-vous comment fonctionne la taille des polices, j'ai des comportements étranges.


 


Voici mon CSS




html, body{

width: 100%;

height: 100%;

}



#wrapper{

width: 100%;

height: 100%;

position: absolute;

overflow-y: scroll;

}



body{

margin-top: 100px;

margin-bottom: 100px;

margin-right: 50px;

margin-left: 50px;



background-image: url(RMSLogo.png);

background-repeat: no-repeat;

background-size: cover;

background-attachment: fixed;

background-color: black;



font-family: "System";



text-align: justify;

font-size: 34px;

color: white;

}



img{

display: block;

margin-left: auto;

margin-right: auto;

width: 400px;

}

D'avance, merci pour votre aide.


Mots clés:

Réponses

  • JérémyJérémy Membre
    novembre 2017 modifié #2

    Déjà  je comprends pas du tout ta logique. Tu dis :



    
body{
    
width: 100%;
    
height: 100%;
    
}

    puis :



    
body{
    
margin-top: 100px;
    
margin-bottom: 100px;
    
margin-right: 50px;
    
margin-left: 50px;
    
[...]
    
}

    Il n'y a pas une contradiction entre les deux ? Comment un élément peut prendre à  100% les dimensions de ton écran sur la largeur et la hauteur et en même temps lui dire "tu seras un peu plus petit que la taille de l'écran". J'ai du mal à  suivre... 


  • iLandesiLandes Membre
    novembre 2017 modifié #3

    Désolé c'est une erreur de copier/coller lors de mes recherches.


     


    Finalement j'ai crée un id wrapper dans mon css et là  cela fonctionne.



    
html, body{
    
width: 90%;
    
height: 100%;
    
}
    

    
#wrapper{
    
top: 50px;
    
left: 50px;
    
right: 50px;
    
position: absolute;
    
overflow-y: scroll;
    
}
    

    



    
<html>
    
<head>
    
</head>
    
<body>
    
<div id="wrapper">
    
<div>blabla</div>
    
</div>
    
</body>
    
</html>

  • JérémyJérémy Membre
    #4

    Bah oui, c'était vraiment contradictoire ton css. 


Connectez-vous ou Inscrivez-vous pour répondre.