Problème d'espaces non voulus entre IE et Firefox j'en perds mon lat

Bonjour,

Voila, mon code fonctionne très bien sur IE6 mais je n'arrive pas à créer la même chose sous Firefox...

mon code php:

enlever pour faciliter la lecture du sujet. Vous trouverez plus bas les liens vers les pages incrimminées.
Modifié par Spray6969 (09 Apr 2006 - 21:14)

Bonjour Spray6969 et bienvenue parmi nous,

Tu devrais préciser quelles sont les différences que tu obtiens entre les deux navigateurs, car en l'état, ton problème est difficile à cerner ...

Quel buse !!!!

sous Firefox j'ai des vides entre tous mes divs et pas sous ie.
voici ce que cela donne sous Firefox

Y aurait-il moyen de voir le source généré, parce que je n'ai rien contre php, sauf quand j'essaie d'identifier un problème d'affichage !

Ou, mieux encore, la page en ligne : cela est plus pratique pour tester les solutions avant de les proposer ...

@ Spray6969

Le PHP c'est bien joli, mais ça ne nous dit pas ce que le navigateur reçoit. Car le navigateur ne reçoit que du HTML, c'est bien le principe de PHP !
Alors bon, si je m'amuse à copier ton code pour essayer de l'interpréter en local sur mon serveur Apache, il est probable qu'il m'envoie ballader pour cause de fichier impossible à inclure, par exemple.

Remarque du même ordre pour le titre de ton message : 90% des messages sur ce forum portent sur des différences de rendu entre IE (en retard sur les CSS) et Firefox (application des standards). Si les gens testaient un peu, ces 90% de messages deviendraient « problème entre IE d'un côté et Firefox, Konqueror, Opera, Safari & co de l'autre » =

Enfin bref, un titre plus explicite incite les gens à t'aider, et aide ceux qui feront des recherches sur ce forum pour résoudre un problème similaire.

Tant que tu ne nous donne pas quelque chose de plus exploitable (par pitié, une page en ligne, parce que c'est pas que ça m'embête de passer dix minutes rien qu'à reconstituer ta page en local à partir d'un gros bloc de HTML et d'un gros bloc de CSS pour faire des tests, mais en fait si !).

Désolé d'être aussi exigeant, mais autant j'aime bien filer un coup de main, autant j'apprécie quand on me facilite la tâche
(ouais bon ok, je suis un peu flemmard aussi, mais faut pas le dire).

----

Première piste pour ton problème : tu n'aurais pas un problème de fusion des marges ?
Cf : http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html

Lis ça et dis-moi si ça t'inspire.
Modifié par mpop (09 Apr 2006 - 00:11)

Finalement, mpop, tu es moins flemmard que moi ... moins patient aussi, mais bon.

Alors, le titre est adapté.
Ne vous excusez pas d'être rigoureux c'est plutôt une très bonne chose.

Voici ce que vous désirez :

idem 1° sujet
Modifié par Spray6969 (09 Apr 2006 - 21:15)

Spray6969 a écrit :
Alors, le titre est adapté.
Ne vous excusez pas d'être rigoureux c'est plutôt une très bonne chose.

Il ne s'agit pas de rigueur, mais peux-tu te mettre à notre place ?

Pour isoler ton problème, il faut que nous identifions le ou les bloc html incriminés et les styles correspondants dans ta css ...

mpop a écrit :

Tant que tu ne nous donne pas quelque chose de plus exploitable (par pitié, une page en ligne, parce que c'est pas que ça m'embête de passer dix minutes rien qu'à reconstituer ta page en local à partir d'un gros bloc de HTML et d'un gros bloc de CSS pour faire des tests, mais en fait si !).

Dans cette partie de ton code, il y a un enchevêtrement de balises h5 très douteux ...

<div class='div_mois'>
	<h5 class='container'>Septembre 2006 <h5 class='text2'>Septembre 2006 </h5><h5 class='text'>Septembre 2006 </h5></h5><br>
</div>

Vois-tu, de toi-même, ce qui ne va pas ?

Ce qui reviens à te demander : maîtrises-tu, un minimum, la syntaxe html ?

C'est une question, ce n'est pas une moquerie.

Mais si la réponse est : oui, je maîtrise html

alors, ma réponse sera :

Pour identifier un problème d'affichage, il faut d'abord s'assurer que le code (généré) est valide ...



Pour info : 57 erreurs de validation dans ta page ...
Modifié par Vero (09 Apr 2006 - 02:49)

Alors d'abord merci de votre interet.

Je vous ai mis tout ca en ligne, cf plus bas.

Sinon, je ne me considère pas comme un Cador du HTML mais j'essaye de me débrouiller sans les tableaux et les WYSIWYG.
- les multiples h5 sont la pour simuler une ombre portée dégradée (à 3 couleurs). Merci Ie
- les erreurs de validation sont pour 90% dû au multiusage de memes Id. Je sais c'est pourri, mais en quoi celà va t'il créer un problème d'affichage ?

version complete :
http://3cell.free.fr/agenda/view.html

version sans les h5 imbriqués:
http://3cell.free.fr/agenda/view2.html

le CSS :
http://3cell.free.fr/agenda/style3.css

Spray6969 a écrit :

Sinon, je ne me considère pas comme un Cador du HTML mais j'essaye de me débrouiller sans les tableaux et les WYSIWYG.
- les multiples h5 sont la pour simuler une ombre portée dégradée (à 3 couleurs). Merci Ie
- les erreurs de validation sont pour 90% dû au multiusage de memes Id. Je sais c'est pourri, mais en quoi celà va t'il créer un problème d'affichage ?

A lire impérativement

Tout n'est pas la faute d'IE, tout de même !

Ta tentative de simulation d'ombre portée en faisant un sac de noeud avec la balises h5 (volontaire en plus) pourrait être obtenue autrement : les styles sont là pour cela, justement !

Tu ne t'es pas douté, avant de poster, que le problème pouvait venir de là ?!

Tu aurais pu prévenir tes interlocuteurs, au moins !



<edit>
Toi comprendre moi ?

Respecter la sémantique : à lire avant de tenter une prochaine expérience ...
Modifié par Vero (09 Apr 2006 - 20:34)

Euh... Je vous trouve un peux sectaire avec les "débutants"

Et, non le problème ne vient pas des imbrications allambiquées Puisque lorsque je les enlève, le problème est toujours présent.

Par contre je suis curieux de savoir comment tu ferais pour avoir une ombre portée dégradée sans hack.


Ok pour : A lire impérativement
Modifié par Spray6969 (09 Apr 2006 - 21:12)

Voici une version : Valid HTML 4.01 Transitional

Je ne pense pas être sectaire et encore moins avec les débutants.

Ceci-dit, j'ai rarement vu des débutants commencer leur première page html en génération php, ce qui suppose un minumum de compétences.

Il me semble t'avoir accompagné depuis le début de ce topic, au cours duquel nous avons dû te demander plusieurs fois de : "te mettre, tout simplement, un peu à notre place ..."

Quant à la validation, elle est le gage d'une bonne interprétation du navigateur, j'espère que tu l'as compris.

Reste effectivement à te le démontrer :

Quel est le lien sur la page valide ?

Car sur ceux que tu nous donnes sur un post précédent, aucune des pages est valide.

?

Et, si tu le veux bien, nous fignolerons avec les effets décoratifs , une fois les problèmes de base résolus ...

C'est à dire, lorsque nous aurons une page html qui tient la route ...

Spray6969 a écrit :
Euh... Je vous trouve un peux sectaire avec les "débutants"

Et, non le problème ne vient pas des imbrications allambiquées Puisque lorsque je les enlève, le problème est toujours présent.

Bonjour,

Tous les agents utilisateurs graphiques gèrent les marges par défaut des éléments html de manière différente. Si par exemple tu utilisais le sélecteur universel "*" et qu'il définissait les marges (padding et margin) à la valeur zéro, je suis certain que les espaces disgracieux de ta page disparaitraient .Mais ils ne règleraient pas les défauts de conception html de ta page et l'utilisation de h5 imbriqués, les id répétés, commencer la page par un niveau de titre comme h5 en sont assurément.

Ce n'est pas du sectarisme, c'est simplement que Alsacréations promeut une conception web de qualité respectueuse des standards . Plus trivialement des erreurs de conception html peuvent négativement influencer le rendu de tes pages géré par CSS.


Pour les problèmes de marges et autres affichages en css le plus sûr est encore de suivre le méthodologie suivante signalé dans le sujet d'annonce du salon css qui s'intitule: Méthodologie pour résoudre les problèmes d'affichage en CSS

a écrit :

Par contre je suis curieux de savoir comment tu ferais pour avoir une ombre portée dégradée sans hack.

Cela n'est pas possible en CSS, la propriété text-shadow existe bien mais n'est pour l'heure supportée que par Safari il me semble et rien n'indique que cette propriété perdurera à l'avenir.

Igor a écrit :

Cela n'est pas possible en CSS, la propriété text-shadow existe bien mais n'est pour l'heure supportée que par Safari il me semble et rien n'indique que cette propriété perdurera à l'avenir.

Je pensais à ce tutoriel ...

Vero a écrit :


Je pensais à ce tutoriel ...

Oui un bidouillage qui double le texte Oui un bidouillage qui double le texte et un contenu généré par css qui ne passe pas partout.

Le mieux est encore un titre en image muni d'un alt:

<hn><img src="image.png" alt="Mon titre" height="xxx" width="xxx" /></hn>

Sûrement, mais comme je ne fais pas d'ombres à mes textes ...