Séparation entre 2 div

moimichel · 23 Février 2006

J' ai un problème avec des div que j'essaye d'empiler les uns sur les autres et ainsi faire corrspondre les ombres extérieures. Sur IE6 pas de problèmes, ça marche; firefox rien à faire. pourquoi?

Votre aide SVP.

le lien : cliquez ici

ou le code :


<style type="text/css">
#container {
position: absolute;
left: 10px;
top: 10px; }
#c01 {
width: 322px;
height: 119px;
background: url(centrale.jpg) no-repeat; }
#title {
/*color: #FFFFFF;*/
left: 10px;
top: 65px; }
#c02 {
margin: 0;
padding: 0;
width: 322px;
height: auto;
background: #FFFFFF url(laterale.jpg) repeat-y right top; }
#c03 {
width: 322px;
height: 10px;
background: url(piede.jpg) no-repeat; }
.testi {
margin: 15px; }
</style>
</head>
<body>
<div id="container">
  <div id="c01">
  <h2 id="title">Title of the page</h2></div>
  <div id="c02">
    <h2 class="testi"><span>Lorem</span></h2>
    <p class="testi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus.</p>
      </div>
  <div id="c03"></div>
</div>
</body>
</html>

Merci d'avance.

Michel, Florence.

**Dan** · 23 Février 2006

Bonjour,

Pourquoi n'utilises-tu pas l'attribut "border" pour les ombres ?

Tu peux sans difficulté mettre une bordure à droite et une bordure inférieure.

Dan

moimichel · 23 Février 2006

Salut Dan

merci de la sugestion.

Je vais essayer de suite.

Quant à mon problème j'ai finalement trouvé la solution : margin 0px;

Aussi simple que ça.

A bientot. (avec un petit chapeau sur le o)

Michel

Connexion

Séparation entre 2 div

Sujets conseillés

moimichel

Lien vers le commentaire

Partager sur d’autres sites

Dan

Lien vers le commentaire

Partager sur d’autres sites

moimichel

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité