[résolu]Encore ie, mais presque pas ...

Bonjour à tous,

Ce n'est pas aujourd'hui que je révolutionnerai les topics de css et mise en plis (quoi ? en page ? bah c'est bien qu'est-c'que j'ai dit ?! ), car il s'agit encore et éternellement d'un problème d'interprétation d'ie (ou de moi-même ).
Voici le site concerné.
Le problème saute aux yeux n'est-ce pas ? enfin "les" plus justement.
Le plus flagrant concerne l'encart de connexion à droite, et ce magnique espace laissé entre le corps de l'encart et le bas. (j'ai du grillé quelques milliers de neurones là-dessus mais rien n'hi-fi (comme dirai darty).
Et le 2ème, beaucoup plus discret concerne, encore, un espace au niveau des titres <h1> entre les 2 extrémités et la partie centrale (ce dernier problème ne se rencontre que sous ie6, contrairement au 1er qui est également présent sous ie7).
Voilà, si une âme charitable pourrait m'aiguiller, je vous en serai fort reconnaissant.
Et j'ai bien tout essayer ce qui était en mon maigre pouvoir (il n'y a qu'à constater l'heure de postage du message).

Voilà, en vous remerciant.

Edit>>tout fatigué que je suis j'ai refilé l'url local
Modifié par RaGe (14 Mar 2007 - 14:33)

Bon, apparemment ce sujet n'a pas réveillé les âmes aventureuses de ce forum.
Bref, un problème sur les 2 de réglé (le plus chiant), à savoir l'espace générer par ie (6 et 7) dans l'encart d'identification.
Il s'agit simplement que ie donne du volume à une balise <form>.
Il est préférable ainsi de la placer au "bon" endroit, et de lui attribuer des valeur de margin et padding à 0 si l'on ne veut pas qu'elle envahisse de l'espace.

Par contre, les décalages avec ie6 restent sans réponse. (on les retrouve dans les titres et aussi dans le pied de page).
Modifié par RaGe (12 Mar 2007 - 13:02)

Salut,
deux petites choses.
La première, je crois que tu gaspilles de précieux octets en fermant tes balises images avec une

</img> 

là où

<img src="" alt="" />

me semble tout à fait valide et simple (enfin, le valide et moi, c'est vrai que j'ai un faible pour l'efficace et brutal )

Pour tes histoires d'espaces blancs sous IE6, je ne l'ai plus mais j'ai jeté un oeil à ton source et je pense qu'un certain nombre est dû aux retours à la ligne (légitimes et propres en terme de code, mais voilà, IE6 !) après les balises img et ce qui suit. Par ex, cet extrait de ton code

<div class="encart_milieu">
<a href="detail_mini.html" class="lien_bas">
<img src="images/varie-libre12.jpg" alt="news"></img>
<span>auteur : PMA32</span>
</a>
</div>

(plus joliment indenté dans ton code) est typiquement générateur d'un espace blanc d'un pixel après l'image sous IE6, mets tout le lien sur une seule ligne et hop, tout revient dans l'ordre.

Ou alors, autre solution, comme préconisé dans la faq du site d'ailleurs, mettre tes images en

display: block;

Salut,

Pour ce qui est de la syntaxe <img></img>, lire absolument l'article de Laurent Denis à ce propos.

Quant à l'espace après une image, il est légitime et non pas dû à un bug d'IE (voir le tutoriel "Impact sur le rendu de la mise en forme du code HTML").

merci virtualgadjo, pour les <img> tu as totalement raison ... un coup je le fais, un coup je le fais pas .
Me manque encore quelques automatismes de base.
Pour les espaces blancs au niveau des encarts, c'est résolu ... c'est au niveau du pied de page et des titre <h1> du corps que ça foire un brin ... celà dit ça n'est pas trop trop gênant et on m'a dit que c'était un problème résolvable que par du css "spécial ie6" ce dont je ne suis pas sûr à 100%.

Merci Julien pour ton lien mais 2 choses m'interpellent :
1 - ce n'est pas un cas de succession d'image comme dans l'exemple
2 - si c'est pleinement légitime, pourquoi celà n'a lieu que sous IE6 ?

Enfin, pour ce qui est de la fermeture des balises, virtualgadjo a tout à fait raison de me conseiller une fermeture directe, mais la syntaxe <img></img> est totalement correcte et respecte les normes, c'est un choix personnel qui il est vrai bouffe des octets pour rien dans mon cas.

RaGe a écrit :
Merci Julien pour ton lien mais 2 choses m'interpellent :
1 - ce n'est pas un cas de succession d'image comme dans l'exemple
2 - si c'est pleinement légitime, pourquoi celà n'a lieu que sous IE6 ?

Je parlais du cas évoqué par virtualgadjo (et je suis probablement à l'ouest).

RaGe a écrit :
Enfin, pour ce qui est de la fermeture des balises, virtualgadjo a tout à fait raison de me conseiller une fermeture directe, mais la syntaxe <img></img> est totalement correcte et respecte les normes, c'est un choix personnel qui il est vrai bouffe des octets pour rien dans mon cas.

Justement, non.

Merci de suivre le lien que j'ai donné, tu comprendras que le fait d'utiliser les balises auto-fermantes ne doit pas correspondre à un choix personnel.
Modifié par Julien Royer (12 Mar 2007 - 16:15)

Oui j'ai lu plus en détail ... promis je ferai des balises auto-fermantes pour <img> vide !

Si jamais t'as une idée pour mon problème au passage ... ... cf le pied de page du site sous ie6

RaGe a écrit :
Si jamais t'as une idée pour mon problème au passage ... ... cf le pied de page du site sous ie6

Il est possible que tes problèmes viennent du three pixel jog, vu le nombre de flottants que tu utilises. D'ailleurs, en as-tu vraiment besoin ?

Je n'en utilise pas tant que ça il me semble, mais celà dit, il est vrai que je dois pouvoir m'en passer d'un ... la structure actuelle étant :
image-h1-image, je dois pouvoir la modifier en h1-image ou image-h1 selon le cas ... intéressant ! je testerai, merci.