[Résolu] 2 bugs gênants sur mon site

Bonjour, j'ai 2 petits soucis avec cette page

http://www.balkanschool.com/preview/methode.php


1. Sous Firefox : il y a un immense espace qui se glisse entre deux paragraphes. Mais ce qui est bizarre c'est que cela n'arrive qu'au premier chargement de la page, dès que l'on fait un "reload" cela devient normal.
Ce n'est pas la première fois que cela m'arrive, et je pense que cela est du avec l'utilisation des "float" mais je n'arrive pas a trouver la cause exacte.
Problème résolu, j'ai inversé les float et enlevé un hr

2. Sous IE : quand je règle la taille du texte à "plus grande", je n'ai plus de marges sur le dernier onglet.

Ja'i fait exprès qu'ils se mettent à la ligne si on agrandit le texte, mais je ne comprends pas ce bug, qui n'a pas lieux dans les autres tailles de texte.

Voila voila, merci à ceux qui arriveront à m'aider pour ces 2 problèmes particuliers
Modifié par Noisequik (05 Apr 2005 - 10:33)

déjà voilà ce que donne ton site pour les non-voyants qui lisent avec un lecteur en braille ou autres handicapés :

http://www.delorie.com/web/lynxview.cgi?url=http%3A%2F%2Fwww.balkanschool.com%2Fpreview%2Fmethode.php

ce qui me gène ce sont toutes ces barres de séparations HR.

De plus qu'il est possible de faire aussi bien et plus facilement :

- Images en FLOAT.
- <h2> avec une marge gauche de la taille voulue.
- <p>...</p> avec la même marge gauche que <h2>.
- On évite ainsi de mettre des milliers de clear: both; cachés en plus

anthony a écrit :

ce qui me gène ce sont toutes ces barres de séparations HR.

Ne banissons pas les <hr>, svp : ils sont très appréciables quand on utilise un navigateur texte, ou un navigateur graphique ancien (qui n'appliquera pas la CSS). Ils peuvent également servir de séparateurs de section dans un navigateur vocal, avec une règle CSS speech... Bref, ils aident à se faire une idée de la structure globale du document lorsque celle-ci n'est pas rendue apparente par une CSS visuelle.

Cela dit, un seul séparateur en fin de section, plutôt que 2 (au-dessus et en dessous du titre) serait en effet une solution plus légère et tout aussi efficace du point de vue accessibilité.

Il me semble que je suis obligé de mettre des hr, car parfois le texte peut être plus petit que l'image qui lui est associée (texte dynamique provenant de ma base de donnée).

Donc si j'enlève le hr avec le clear:both, et que mon texte est plus petit que l'image, tout se décale !!!


Bon j'ai inversé les float en mettant l'image en float left et une marge aux <p> et ça à l'air de beaucoup mieux passer.
J'ai laissé un hr a la fin de chaque paragraphe quand même...

Il ne reste plus que le dernier bug et ça sera tout bon
Modifié par Noisequik (23 Feb 2005 - 12:01)