Bug afffichage (CSS) sous Firefox

Bug afffichage (CSS) sous Firefox - Logiciels - Windows & Software

Marsh Posté le 13-03-2006 à 16:09:32    

Bonjour,
Je suis webmestre sous Mac et je porte un soin particulier à ce que mes sites Internet soient respectueux des standards. Je préconise l'alternative Firefox aux utilisateurs PC.
Mais depuis l'arrivée de la version 1.5 de Firefox, j'ai remarqué un bogue d'affichage sur un de mes sites.
Je revois mon source, rien.
Je me dis que c'est la version Mac, non, idem sous Windows.
Je creuse mon code, toujours rien.
Une idée lumineuse me parvient, voir avec d'autres sites respectant le "W3C". Je vais visiter "CssGarden" et paf, l'image sensée s'afficher sur le bas droit de la page d'accueil est absente avec Firefox. Sous Safari, aucun souci.  
Bref, Firefox ne respect plus le positionnement des images via le CSS. C'est grave!
J'ai envoyé deux feedback à la fondation Mozilla et j'attends leur réponse.
Je suis aussi surpris que le problème passe inaperçu.
 
Ma page à problème : residence-nianing.com
CssGarden : csszengarden.com
Une page avec des captures : lepommier-mbour.com/ff/firedob.html
 
Pourriez vous tester de votre coté avec plusieurs navigateurs pour voir si mes dires sont justifiés.
Merci,
Serge.

Reply

Marsh Posté le 13-03-2006 à 16:09:32   

Reply

Marsh Posté le 13-03-2006 à 21:35:04    

Effectivement problème avec Firefox et Opera mais pas sous IE  :fou:

Reply

Marsh Posté le 13-03-2006 à 23:39:49    

Voici la parade : html { height: 100%; }
 

Reply

Marsh Posté le 13-03-2006 à 23:57:01    

je suis étonné que ce genre de bug (??) soit passé inapercu :??:
A moins que ca soit completement passé inapercu mais vu le nombre de gars qui testent ca se serait vu :/


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 14-03-2006 à 00:00:01    

J'ai parlé trop vite.
L'image est bien plaquée au bas de la page à l'ouverture mais si le contenu est supérieur au dimension de la fenêtre, l'image s'affiche en bas de page et non sous le contenu :-\

Reply

Marsh Posté le 14-03-2006 à 00:07:32    

si tu veux que ton image soit tjrs collée en bas essaye ca :
tu crées un div avec une position absolue, que tu définies avec bottom: 0px; et width: 100%, puis tu y appliques l'image que tu veux en background, en no-repeat bottom left


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 14-03-2006 à 00:09:18    

sinon le soucis vient ptetre de ca :
 

Code :
  1. html { /* rien nada nothing pas besoin */  }
  2. body {
  3. margin: 0px;
  4. background: #fff url(img/baob-bot.jpg) no-repeat fixed bottom right; /* il manque "background-attachment" à fixed ou scroll  */
  5. font-family: Times New Roman, Times, serif;
  6. color: #333;
  7. }


Message édité par SICKofitALL le 14-03-2006 à 00:10:48

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 14-03-2006 à 00:44:07    

Un "background-attachment: fixed;" améliore un peu la chose en collant l'image en bas de fenêtre mais comme dit plus haut, si le contenu de la page est supérieur aux dimensions de la fenêtre, l'image devrait s'afficher sous le contenu.
En attendant j'ai mis "style html { height: 100%; } " juste sur la page d'accueil. C'est de la bricole, mais ça le fait.

Reply

Marsh Posté le 14-03-2006 à 07:57:17    

curieux... jvais faire des screenshot tt à l'heure :hello:


---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed