Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Problème d'affichage sous safari  (Lu 5536 fois)

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Problème d'affichage sous safari
« le: mai 23, 2011, 23:14:59 pm »

Bonjour,
Je vous explique mon problème, j'intègre actuellement mon portfolio en html et css, ce n'est pas trop ma tasse de thé, mais bon, faut touché à tout, ne serai-ce que savoir comment ça fonctionne, sauf que là, je commence et un problème se pose déjà.
Je test mon code sous IE et Firefox et aucun problème, par contre lorsque je le test sous Safari, mon image de fond de footer ne s'affiche pas.
Y' as t'il une exception sous Safari, ou quelque chose de spécial à prendre en compte? ou mon Css est-il mal fait?

Voici mon code (rien d'exceptionnel pour le moment car c'est le tout début):

Le HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<link href="Global.css" rel="stylesheet" type="text/css" />
<link href="Accueil.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="FondSite">
<div id="FondHeader">
    </div>
    <div id="Centre">
<div id="AnimJquery">
    </div>
    </div>
    <div id="Footer">
    </div>
</div>
</body>
</html>

Avec 2 feuilles de styles

Feuille global :
@charset "UTF-8";
body {
margin: 0px;
padding: 0px;
}
html {
margin: 0px;
padding: 0px;
}
#FondSite {
background-image: url(images/FondBlanc.jpg);
background-repeat: repeat;
width: 100%;
}
#FondHeader {
background-image: url(images/FondHeader.png);
height: 92px;
width: 100%;
background-repeat: repeat-x;
float: left;
}
#Centre {
width: 100%;
text-align: center;
float: left;
}
#Footer {
height: 311px;
width: 100%;
background-image: url(images/FondFooter.jpg);
background-repeat: repeat-x;
float: left;
}


Feuille de cette page :
#AnimJquery {
height: 480px;
width: 955px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


Merci d'avance pour toute aide éventuelle
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Problème d'affichage sous safari
« Réponse #1 le: mai 24, 2011, 10:57:18 am »

Bonjour,

Quand on créé un fichier CSS dans dreamweaver il y a toujours ce truc "@charset "UTF-8";" --> ça moi je vire... déjà

Ensuite, les URL's de tes images sont de types "images/monImage.jpg", as-tu essayé de changer cette URL; genre "../images/monImage.jpg"


EDIT : au temps pour moi j'avais pas vu tes URL's de CSS dans l'HTML, docn c'est pas tes URL's d'images


EDIT 2 :         
J'ai testé avec ton code en remplaçant tes images de fond par des couleurs unies, et ça passe sous Safari sans problème, donc ça vient à mon avis plus de tes images, j'ai vu que dans ton CSS tu as deux images en "jpg" et une en "png", vérifies peut être l'extension de l'image de ton footer qui est peut être en réalité un "png"..

Je vois pas trop d'autres solutions pour l'instant
« Modifié: mai 24, 2011, 11:55:20 am par Eddy »
IP archivée
Less is more

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage sous safari
« Réponse #2 le: mai 24, 2011, 11:53:38 am »

Bonjour.
@ Metaroïd : il y a une fonction "Édition" sur le forum, merci de t'en servir afin d'éditer tes messges et éviter les messages multiples inutiles. Je t'en remerci e d'avance.

@Briseur : Aurais-tu une url de ce site en ligne ? Ce serait bien de pouvoir voir l'agencement de la page et e ce fiat pouvoir te guider au mieux.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

marroon

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1706
  • Wisinaute
    • Voir le profil
    • Studio graphique et imprimeur typographique
    • E-mail
Re : Problème d'affichage sous safari
« Réponse #3 le: mai 24, 2011, 13:18:29 pm »

Hey mais Metaroid = Laurent = pote à Kosik non ? Si c'est bien toi, tu peux faire un petit topic de présentation :)
IP archivée
L'échec, c'est la réussite du con. - Frédéric Dard

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : Problème d'affichage sous safari
« Réponse #4 le: mai 24, 2011, 17:11:03 pm »

Désolé Eddy, il est vrai que j'ai pas trop l'habitude d'utiliser les forums.. du coup j'ai pas vu la fonction "édition" .. je m'en souviendrais maintenant.
Salut Maroon, c'est justement Kosik comme vous l'appelez :p qui m'a prévenu du topic de qql'1 (j'ai pas le nom en tête désolé) qui fait des autostéréogrammes... j'écoute toujours Kosik, alors j'ai foncé tête baissé.
Pour ce qui est de faire un topic de présentation.. héhéhé, ça semble une montagne pour moi.
Heureux d'être parmi vous en tout les cas :)
IP archivée
Less is more

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage sous safari
« Réponse #5 le: mai 24, 2011, 19:51:57 pm »

Désolé Eddy
Pas de problème, un homme averti n'en vaut que deux !!! ;) :P
« Modifié: mai 24, 2011, 19:56:14 pm par Eddy »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum