28220 sujets

CSS et mise en forme, CSS3

[Résolu] Pb d'espace entre bloc avec firefox

Bonjour,

j'ai un petit problème d'espace entre mes bloc avec firefox dans le code source ci-dessous :


<html>
  <head>
	
  <STYLE type="text/css"><!--  
  #haut {
    height: 50px;	background-color:red;
  }
  #bloc {
    height: 100px;
    background-color:blue;
    border: 0px solid #DDD
  }
  html>body #bloc {
     height: auto;
     min-height: 100px;
  } 
  #Bas {
    height: 50px;background-color:yellow;
  }
  --></STYLE>

  </head>

  <body>
    <div id="haut">haut</div>
    <div id="bloc"> 
        <p>test</p>
    </div>
    <div id="Bas">bas</div>
  </body>
 
</html>


Si je ne met pas de balise <p> autour du mot test, je n'ai pas de décallage. De même si je rajoute des balises <form> dans mon bloc, j'ai aussi un decallage. Par contre sur IE, cà marche bien.

si quelqu'un à une idée, elle est la bienvenue.

Merci d'avance

Reynald
Modifié par rel (17 Jun 2005 - 12:48)
Bon, ben comme a chaque fois c'est quand je post une question que je tombe sur la réponse.
alors il suffisait que je mette :


p {margin:0}
FORM {margin:0}


Maintenant ca marche.
Merci

Reynald
Solution évoquée sur d'autre post, pour ne pas avoir de décalage sur d'autres éléments non plus :
* {
margin : 0;
padding: 0;
}

Modifié par Macpom (17 Jun 2005 - 14:03)
Sujet clos
Aller à