18041 sujets

Questions générales et questions de débutants

Safari Mac coupe les pages!

Pages :
Salut à vous!

Je viens d'ouvrir le site www.hyboria.info. En terme de design il n'est pas totalement terminé. Je sais qu'il y a encore certains bugs avec certains navigateurs, je dois compresser le css et si possible les images aussi un peu et ni css ni xhtml ne sont validés pour l'instant. Il ne semble néanmoins pas y avoir de problèmes majeurs.

L'un de mes utilisateurs m'a cependant signalé dernièrement que certaines pages se coupaient sur Safari Mac par exemple: http://le-bar.org/img4.pdf où la fin de la page ne peut pas être atteinte. Ca n'est pas systématique visiblement, seulement certaines pages, et je ne rencontre pas de problème de ce genre avec les autres navigateurs testés (FF; IE 6 et 7, Opera, Safari PC).

Est-ce que l'un de vous réussirait à me mettre sur une piste pour trouver d'où peut venir ce problème?

Merci d'avance!
Modifié par Luneh (08 Aug 2007 - 09:59)
Luneh a écrit :
Ca n'est pas systématique visiblement, seulement certaines pages

Lesquelles?

Parce que si on doit tenter de débuguer des pages, c'est plus simple si on sait quelles pages sont buguées et lesquelles ne le sont pas. Ou si au moins on a l'URL d'une page problématique. J'ai parcouru le site pour retrouver celle de la capture en PDF, mais sans succès.
Oui pardon.

J'ai relativement peu de détail de la part de l'utilisateur lui-même. Mais je sais qu'il y a notamment la liste d'utilisateurs: http://www.hyboria.info/memberlist

Sinon il m'a signalé le problème de manière générale sur les pages longues, je n'en sais pas plus pour l'instant.

Nouveauté, de mon côté j'ai également rencontré ce problème sur le forum: http://www.hyboria.info/forum mais avec Safari PC.

Merci pour l'aide!

PS: Pour info, le site est réalisé à l'aide de Drupal, et le forum c'est du phpbb. Je ne sais pas si ces informations peuvent être utiles.
Modifié par Luneh (07 Aug 2007 - 18:24)
Hello,

Est-ce que quelqu'un a l'occasion et la gentillesse d'y jeter un oeil? Smiley smile

J'ai pas mal travaillé sur la validation W3C depuis et c'est la plupart des pages du site est validée XHTML (encore quelques petits trucs à voir sur certaines pages ayant des subtilités). Je ne pense donc pas qu'il y ait de soucis de ce côté-là.

Quant au CSS, c'est en bonne voie aussi mais il n'y a pas d'erreur majeure à ma connaissance.
Modifié par Luneh (08 Aug 2007 - 17:19)
Bonjour,

D'accord, mais indique le fichier CSS qui fait la mise en page principale.
Pas envie de les lire toutes.
 
Bonjour,

Le CSS qui fait la mise en page générale c'est http://www.hyboria.info/themes/conan2/style.css.

C'est a priori le seul où j'ai pu faire une faute personnellement parce que les autres sont fournis de base. Je doute qu'il y ait un problème dans les autres.

Le CSS et le XHTML ont été validés entre temps, à part pour de rares pages liées à des modules spécifiques qui coincent encore un peu. Dans tous les cas la page http://www.hyboria.info/memberlist qu'on m'a notamment signalée comme problématique est validé niveau XHTML et CSS.


A noter que j'ai trouvé exactement le même problème mais avec Safari PC sur une autre page, la première citée fonctionnant très bien pour moi. Cette page c'est http://www.hyboria.info/forum . Pour la page qui me pose problème à moi, le fichier CSS correspondant est:

http://www.hyboria.info/forum/templates/conan/conan.css

Cette page est également validée CSS et XHTML depuis peu mais le problème est toujours présent.
Modifié par Luneh (09 Aug 2007 - 11:03)
Juste une idée comme ça: qu'est-ce que ça donne en évitant d'utiliser le positionnement relatif lorsqu'il n'est pas directement utile?

Notamment, sur la page du forum (http://www.hyboria.info/forum/ ):
- ne pas positionner div#bloc_forum en relatif (un margin-top peut faire l'affaire si on veut... une marge Smiley biggol );
- ne pas positionner div#main_forum en relatif (même chose, margin-top qui va bien).

Edit: d'ailleurs div#bloc_forum est positionné en relatif et décalé à la fois de 20px vers le bas (top: 20px) et de 50px vers le haut (bottom: 50px)... Smiley sweatdrop
Modifié par Florent V. (09 Aug 2007 - 11:15)
Correction: pour la page du forum, le float: left parasite (car inutile) sur div#container_forum semble un bien meilleur suspect.
Modifié par Florent V. (09 Aug 2007 - 11:20)
Merci pour ces premiers commentaires. Je me pencherai dessus ce soir pour effectuer les modifications et voir si ça améliore les choses.
Bon alors, j'ai fait plusieurs changements. Plus rien n'est en position relative à l'exception du div#main_forum parce que je n'ai pas trouvé comment faire autrement pour que les div qui l'incluent s'étirent pour l'englober.

J'ai aussi enlevé le float:left qui devait être un reliquat d'essais précédent.

Mais j'avais toujours le même résultat sur Safari PC, la page se coupe juste en dessous de "Il y a en tout X utilisateurs en ligne etc." ce qui ne correspond à rien a priori, ni une fin de div, ni une fin de quoi que ce soit d'autre.

PAR CONTRE! En pleine rédaction de ce message, je me suis dit "tiens, et si j'essayais min-height: 100% sur le container général à tout hasard (#container) et là, hourra, ça a réglé mon problème, la page arrive en entier.

Reste plus qu'à voir avec l'utilisateur de Safari Mac si le problème est réglé ainsi aussi en intégrant la même chose sur l'autre feuille de style.


Merci pour les commentaires qui m'ont permis d'améliorer deux-trois petites choses. Je suis preneuse pour une solution permettant de mettre une position absolute sur le div#main_forum en revanche. Smiley smile
Modifié par Luneh (09 Aug 2007 - 21:35)
Bonsoir,

Je viens de férifier avec Safari sous Mac (version 3 beta et version 2) et pas de problème.
Le bas de la page n'est pas coupé.

Bonne soirée.
J'ai aussi testé sur Mac (Version 2.0.4)

C'est bon pour http://www.hyboria.info/forum/ upload/3448-Image1.png

mais pas pour http://www.hyboria.info/ upload/3448-Image2.png


+ Le petit triangle jaune indique qu'il reste 2 <span> vides
    <span class="submitted"></span>
    <span class="taxonomy"></span>
et que le “target” de
<a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a>
est invalide.
Modifié par Gihef (09 Aug 2007 - 23:22)
Gihef a écrit :
C'est bon pour http://www.hyboria.info/forum/ upload/3448-Image1.png

Par contre toujours pas pour Safari 3b sous Windows. Pour corriger, voir mon précédent message.

Gihef a écrit :
mais pas pour http://www.hyboria.info/ upload/3448-Image2.png

Là encore, on a un bloc principal avec un positionnement relatif inutile, et un float à priori inutile aussi. Et vu le comportement de Safari 3b, peut-être Safari 2 est-il troublé par ça également?
!!!

Argh j'avais pas vu... mais en fait la page du forum en rendue en mode Quirks, pour cause de Doctype HTML Transitional incomplet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Ok, j'ai fait les modifications et quelques nettoyages. Vous pouvez me dire si ça fonctionne sur Safari maintenant?

Sur le forum:

Changé la déclaration de document en:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Je n'ai toujours pas réussi à éliminer le dernier position:relative sans dommages

Sur le site:

Retiré le float:left de div#container_menu.
Retiré tous les position:relative sauf dans container_main et le menu déroulant parce que je n'ai pas trouvé comment géré les choses autrement.

J'ai aussi réglé les détails mentionnés par Gihef
Pour Safari 3b: les deux pages passent bien. Le problème est corrigé pour la page du forum.

Pour Safari 2... ben je n'en ai pas sous la main.
Merci beaucoup Smiley smile Si quelqu'un peut vérifier avec Safari 2 ça serait parfait. J'en voit enfin le bout et je dois dire que les tutos d'Alsacréation n'ont pas été pour rien là dedans. Smiley smile
Même si on voit maintenant jusqu'à la moitié de la limace baveuse, non, toujours pas.

Après avoir testé des “height : 100%” à différents éléments, avoir placé une <div> tout en bas… j'ai réussi à afficher le bas de la page http://www.hyboria.info/ en ajoutant
#main_Bottom {
	height: 43px;
	background-image: url("images/hyboria_main_Bbg.jpg"); 
      [#orange]margin-bottom : [/#]=>supérieure à=> [#orange]160px;[/#]

Si ça peut te donner une piste ???
 
Modifié par Gihef (12 Aug 2007 - 23:02)
Pages :
Sujet clos
Aller à