Perte hauteur image si float

Salut,

Je bosse toujours sur le site de ma nouvelle boite... Si vous allez sur la page d'accueir : http://www.innovacall.com/accueil.html vous remarquerez que sous les navigateurs non IE, la hauteur de l'image du bas n'est pas prise en compte dans le div qui la contient. Du coup, le div est trop court et ça fait super moche.

L'image est en float left dans le texte.

Est-ce une erreur ? Existe-t-il un moyen de faire en sorte qu'une image flottante repousse les bords de son conteneur parent comme si elle était dans le flux ?

D'avance merci pour votre aide,

Laurent

Bonjour,

Laurent Jordi a écrit :
Est-ce une erreur ? Existe-t-il un moyen de faire en sorte qu'une image flottante repousse les bords de son conteneur parent comme si elle était dans le flux ?

Non ce n'est pas une erreur.

Voir: Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?

Sinon vite vu:
-supprimer le prologue xml;
-corriger le DOCTYPE qui est faux;
-modifier la valeur de xml:lang;
-corriger les erreurs que renvoie le validateur;
-utiliser les niveaux de titre (hn) de manière cohérente (ne pas commencer à h4).
Modifié par Igor (18 Apr 2009 - 19:53)

Salut,

Merci pour ton aide. Pour les erreurs XHTML je dois le faire un peu plus tard. La priorité est que ça s'affiche comme il faut.

Concernant le les entetes, je suis surpris car si tu vas sur la page http://www.innovacall.com/conception.html
tu verras qu'elle passe le test du xhtml strict.

Ce qui pose problème doit venir du contenu puisque le reste est commun à toutes les pages...

++

Laurent

Laurent Jordi a écrit :
Salut,
Merci pour ton aide. Pour les erreurs XHTML je dois le faire un peu plus tard. La priorité est que ça s'affiche comme il faut.
Concernant les entetes, je suis surpris car si tu vas sur la page http://www.innovacall.com/conception.html
tu verras qu'elle passe le test du xhtml strict.

Ce qui pose problème doit venir du contenu puisque le reste est commun à toutes les pages...

++

Laurent

Pas tout à fait, tu as un avertissement qui n'est pas tout à fait anodin :

a écrit :

Mismatch between Public and System identifiers in the DOCTYPE declaration

This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.0 Strict//EN declares the XHTML 1.0 Strict document type, but the associated System Identifier http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd does not match this document type.

The recommended System Identifier for XHTML 1.0 Strict is http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd.

The safest way to use a correct DOCTYPE declaration is to copy and paste one from the recommended list and avoid editing that part of your markup by hand.

Les remarques d'Igor restent donc tout à fait judicieuses et d'actualité

En ce qui concerne le fait de corriger les erreurs après coup, ce n'est peut-être pas le meilleur choix à faire, notamment si "La priorité est que ça s'affiche comme il faut"...

Cdt,
Sylvain