Probleme DIV

Résolu
Bonjour,

Je voudrais ceci avec des div : http://chtifamilly.free.fr/div.JPG

Mais je n'arrive pas a inscruter un div dans autre.
Merci d'avance pour votre aide.
Configuration: Windows XP
Internet Explorer 7.0

3 réponses

  1. Okey merci ca fonctionne, je comprend le principe ;)

    Bonne soirée
    1. salut je pense ke avvec le code de gihef ca doit marcher verifie bien tes balises </div> pour voir si t as pas fermer tro tot un div
      1. Contributeur
        Bonjour,

        Je ne sais pas ce que tu connais des CSS ou du HTML, mais je te propose d'essayer comme ça
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        <title>Un titre</title>
            <meta http-equiv="Content-type" content="text/html; charset=utf-8">
            <style type="text/css">
            html, body {
              margin: 0;
              padding: 0;
              text-align: center;
              color : #344979;
              background-color: #fff;
              }
            #conteneur {
              position: relative;
              margin: 25px auto;
              width: 486px;
              height: 324px;
              text-align: left;
              border : 1px solid #000;
              background-color: #888;
              font-family: 'Trebuchet MS', Verdana, sans-serif;
              }
            #entete {
              width : 100%;
              height : 65px;
              background-color: #ccc;
              border-bottom : 2px solid #000;
              }
            #bloc_gauche {
              position : absolute;
              top : 138px;
              left : -52px;
              width: 110px;
              height: 142px;
              border : 1px solid #ccc;
              background-color: #fff;
              }
            p {
              margin : 1em;
              }
            </style>
        </head>
        <body>
          <div id="conteneur">
            <div id="entete">
              <p style="margin:0; padding:0; height:0;">&nbsp;</p>
              <p>en-tête</p>
            </div>
            <div id="bloc_gauche">
              <p>bloc gauche</p>
            </div>
            <p>conteneur</p>
          </div>
        </body>
        </html>

        ++
        https://openclassrooms.com/fr/courses
        http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS

        --