28172 sujets

CSS et mise en forme, CSS3

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

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:


<!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 !
Modifié par sayadeur (12 Jan 2010 - 18:55)
Salut,

Un élément flottant doit toujours se trouver avant l'élément par rapport auquel il flotte dans le code html. Dans ton cas ça ne fonctionne pas car il se trouve après.

Attention cependant que la lecture de la page (de haut en bas et de gauche vers la droite) doit correspondre au même ordre que dans le code html. Smiley cligne
Sujet clos
Aller à