28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous!

Je me permets de poster car je rencontre un souci avec le code suivant :

body{width:100%;padding:0;margin-top:5%;background:#fff;}
#main-content{float:left;width:57%;background:#a7cbd3;margin-left:5%;min-height:777px;}
#side{float:right;width:33%;background:#0081a9;margin-right:5%;min-height:777px;}


Le code HTML est ultra-basique:

<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<div id="main-content">Main content</div>
<div id="side">Side</div>
</body>
</html>


Lors de l'affichage (Firefox 35.0.1), la marge de droite est plus petite que celle de gauche!

Auriez-vous une idée du pourquoi du comment?!

je vous remercie d'avance infiniment!

Bat Smiley smile
Modifié par bat777 (18 Feb 2015 - 17:05)
J'ai trouvé: il suffit de modifier le style css du body comme suit:

body {
  margin: 5% 0 0;
}


Désolé du dérangement pour une question aussi simpliste!
Modifié par bat777 (18 Feb 2015 - 18:38)