Partage
  • Partager sur Facebook
  • Partager sur Twitter

CSS : éliminer les espaces des deux côtés

Sujet résolu
    8 septembre 2017 à 17:44:38

    Bonjour ! 

    Je me retrouve confronté à un problème à chaque fois que je veux créer une page web. 

    Je veux créer une barre de menu tout en haut qui occupe toute la LARGEUR  de la page comme on le voit sur beaucoup de site.

    Le problème c'est que quelque soit la dimension WIDTH que je met dans mon CSS, la page web s'affiche TOUJOURS  TOUJOURS avec un espace blanc des deux côtés. ( Et c'est pas beau ! )

    J'aimerais que cette balise occupe toute la largeur de page sans ses espaces blancs. 

    Voici un exemple dans une page de test : 

    Voici mon CSS : 

    {
    
    padding: 0px;
    margin: 0px;
    
    }
    
    .bandeau
    {
    	padding: 0px;
    	margin: 0px;
    	width: 1280;
    	height: 50px;
    	background-color:black;
    
    }
    

    Merci d'avance pour votre aide ! (Je galère sur ça depuis trop trop longtemps...);)

    • Partager sur Facebook
    • Partager sur Twitter
    "Quand l'esprit n'est pas formé même les choses les plus faciles paraissent difficiles."
    Anonyme
      8 septembre 2017 à 18:10:24

      Hello,

      Faut regarder les marges extérieures.

      Les lignes 2 et 3 sont pour le body ?

      • Partager sur Facebook
      • Partager sur Twitter
        8 septembre 2017 à 18:17:41

        ça le fait aussi si tu passe le whidth de ton bandeau à 100% ?

        si jamais c’était le cas, sur ta page web clique droit examiner et regarde le calcule du coté de ta balise body, elle à peut être une marge.

        Si c'est le cas tu colle un dans ton css

        body {
        
        margin: 0px;
        
        }

        Ca peut peut être venir de là.

        -
        Edité par exen 8 septembre 2017 à 18:18:57

        • Partager sur Facebook
        • Partager sur Twitter

        Compos sui.

          8 septembre 2017 à 18:21:39

          Salut,

          Effectivement, margin 0 sur body, et enlève le width sur ton header.

          • Partager sur Facebook
          • Partager sur Twitter

          Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

            9 septembre 2017 à 15:57:27

            Re - Bonjour A tous ! 

            La méthode fonctionne parfaitement. J'ai fait comme vous m'avez recommandé. Un grand MERCI les gars pour votre efficacité.:)

            D'un coup je mets ce  code pour ceux peuvent avoir le même problème. A+

            body 
            {
            
            padding: 0px;
            margin: 0px;
            
            }
            
            .header
            {
            	
            	height: 50px;
            	background-color:black;
            
            }



            • Partager sur Facebook
            • Partager sur Twitter
            "Quand l'esprit n'est pas formé même les choses les plus faciles paraissent difficiles."
              9 septembre 2017 à 20:52:33

              pas besoin du padding 0, le body n'a qu'un margin par défaut (8px).

              Pense à mettre ton sujet en résolu :)

              -
              Edité par EmmanuelBeziat 9 septembre 2017 à 20:52:49

              • Partager sur Facebook
              • Partager sur Twitter

              Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

              CSS : éliminer les espaces des deux côtés

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown