28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je n'arrive toujours pas à régler le décallage légendaire entre les différentes versions Internet Explorer sur un problème du padding-left dans un champs <INPUT>

La page qui qui déconne sur Internet Explorer 6
http://www.handilove.com/index.php?page=rencontre.php
c'est le champs pseudo avec une image à l'intérieur.

Extrait de la feuille de style :

#droite .cartouche_zone_footer .champs .search {
background: #EAE9E9 url(/handicap/image/handilove/commun/icon_loupe.gif) left center no-repeat;
padding-left: 17px;
border: inset white 2px;
width: 321px;
}
html>body #droite .cartouche_zone_footer .champs .search {
width: 301px;
}

Ce que j'arrive pas à comprendre c'est que sur IE5 , IE 5.5 et IE7 ça fonctionne. Pourquoi IE6 déconne ?

Vous avez une solution qui fonctionne sur tous les navigateurs ?

Cordialement.
Yves Burger
sonic92 a écrit :
Bonjour,

Je n'arrive toujours pas à régler le décallage légendaire entre les différentes versions Internet Explorer sur un problème du padding-left dans un champs <INPUT>

La page qui qui déconne sur Internet Explorer 6
http://www.handilove.com/index.php?page=rencontre.php
c'est le champs pseudo avec une image à l'intérieur.

Extrait de la feuille de style :

#droite .cartouche_zone_footer .champs .search {
background: #EAE9E9 url(/handicap/image/handilove/commun/icon_loupe.gif) left center no-repeat;
padding-left: 17px;
border: inset white 2px;
width: 321px;
}
html>body #droite .cartouche_zone_footer .champs .search {
width: 301px;
}

Ce que j'arrive pas à comprendre c'est que sur IE5 , IE 5.5 et IE7 ça fonctionne. Pourquoi IE6 déconne ?

Vous avez une solution qui fonctionne sur tous les navigateurs ?

Cordialement.
Yves Burger


Je viens de trouver une solution qui corrige le décallage sous Internet Explorer 6mais est-ce conforme au W3C ?
Si on inverse le <!doctype avec la balise <?xml comme le montre l'exemple suivant ça fonctionne.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

A++