div superposée sur une autre mais passe en dessous sous IE

**123quatre** · 12/01/2010, 18h51

Bonjour,

il s'agit de deux div l'une a coté de l'autre. Celle de droite contient un margin-left négative de sorte qu'elle sorte de sa div parent et se superpose sur la div de gauche.

J'aimerais que la div imbriquée se superpose SUR celle de gauche mais sous IE elle passe en dessous (sous ff c'est ok)

voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  </head>
  <body>
 
  <style type="text/css">
  <!--
   #one{
    width: 300px;
    height: 300px;
    background: red url();
    float: left;
   }
 
   #two{
    width: 300px;
    height: 300px;
    background: blue url();
    float: left;    
   }
 
   #subtwo{
    width: 150px;
    height: 150px;
    background: gray url();
    float: left;
    margin-left: -100px;
   }
  //-->
  </style>
 
  <div id="one"></div>
  <div id="two">
    <div id="subtwo"></div>
  </div>
 
  </body>
</html>

merci !

**12monkeys** · 12/01/2010, 20h58

Bonsoir

J'ai exactement le même affichage entre Firefox 3.5 et Internet Explorer 8. Avec quelle version as tu ces problèmes.

Par contre je te signale que ton DOCTYPE est incomplet et que donc tous les navigateurs passent en mode quirks. Voici la liste des doctypes complets : http://xhtml.developpez.com/faq/?pag...#html_doctypes

**123quatre** · 13/01/2010, 00h16

Envoyé par 12monkeys

Bonsoir

J'ai exactement le même affichage entre Firefox 3.5 et Internet Explorer 8. Avec quel version as tu ces problèmes.

Par contre je te signale que ton DOCTYPE est incomplet et que donc tous les navigateurs passent en mode quirks. Voici la liste des doctypes complets : http://xhtml.developpez.com/faq/?pag...#html_doctypes

IE 6 bien sur......
J'ai pas mis de doctype car c'est un code demo que j'ai mis, même avec un doctype correct j'ai le même problème.

div superposée sur une autre mais passe en dessous sous IE

Positionnement en CSS avec z-index

Vue hybride

Discussions similaires

Partager

Partager