Probleme DIV

Résolu
Sangohan62 Messages postés 123 Date d'inscription   Statut Membre Dernière intervention   -  
Sangohan62 Messages postés 123 Date d'inscription   Statut Membre Dernière intervention   -
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.

3 réponses

Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
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

--
0
omar-senegal Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   26
 
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
0
Sangohan62 Messages postés 123 Date d'inscription   Statut Membre Dernière intervention   6
 
Okey merci ca fonctionne, je comprend le principe ;)

Bonne soirée
0