28172 sujets

CSS et mise en forme, CSS3

Comment supprimer l'espacement entre deux div (bug ie6)

bonjour,

je rencontre un problème avec ie6 qui m'affiche un pixel de trop entre deux div qui contiennent un input texte, sous FF pas de problème évidemment. Et j'aimerais supprimé cet espacement en trop mais je n'y arrive pas, voici mon code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  </head>
  <body>

<style type="text/css">
<!--
*{
  margin:0;
  padding:0;
}

input{
  height: 20px;
  background: red url(); 
  border:none;
  overflow: hidden;
}

//-->


</style>

<div id="a">
  hello 1 <input type="text">
</div>
<div id="b">
  hello 1 <input type="text">
</div>
<div id="c">
  hello 1 <input type="text">
</div>
        
  </body>
</html>


merci pour votre aide
Modifié par xenon (21 Oct 2010 - 19:58)
Salut,

Le problème n'est pas l'espacement entre les div mais le 1px autour de ton input.

J'ai fait quelques tests et j'ai été incapable de retirer ce petit pixel de trop là dans IE6.

Il y a une raison pour quoi tu veux que tes inputs soient collés ? Bref, qu'est-ce que tu veux faire au final question qu'on trouve des solutions alternative à ton problème ?
Sujet clos
Aller à