28221 sujets

CSS et mise en forme, CSS3

[résolu]Probleme de background !!

Pages :
bonjour à tous

j'ai mis dans ma CSS un background fixe (extrait du code):
body {
  background:#35445b url("img/fond_uns.jpg") fixed no-repeat;
  margin:0;
  padding:0;


Mais voilà; sous Firefox: c'est impeccable! sous IE lors des changement de pages, je recharge à chaque fois mon image de fond (d'où la couleur :" #35445b " pour éviter les blanc) que se passe t-il? est-ce normal ? où ai-je pu faire une erreur?

Merci de m'aider
Modifié par dentnoir (07 Nov 2005 - 19:49)
Numero 6 a écrit :
Un espace de moins derrière la parenthèse, et la fermeture de l'accolade peut-être Smiley confus

j'ai preciser que c'etait un "extrait" !!! donc l'accolade est bien là t'inquiete! par contre je vais tester pour l'espace mais j'y crois pas trop .... a suivre
c'est bien ce que je penser si j'enlève l'espace apèrès la parenthèse IE n'affiche plus du tout le background !!! Smiley ohwell
HoPHP a écrit :
+ pas de guillemets dans le url(), il me semble que ça ne sert à rien.

@+, HoPHP


çà donne pareil !!
Stephan a écrit :
Sans un lien vers ta page pour voir le phénomène, difficile de t'aider...

le site est en construction (enligne juste pour essai)

ici
Faudrait peut-être mettre une DTD à ta page.
Sans DTD, IE passe en mode "quirk".

Tu peux lire Le DOCTYPE qu’il vous faut mais pompage.net a de "légers problèmes techniques" en ce moment alors tu peux voir lire la version originale : Fix Your Site With the Right DOCTYPE!

Je te propose la DTD suivante pour tester :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

PS : J'adore ton choix de couleurs !
Modifié le 24 Jan 2005 - 21:11
Stephan a écrit :
Faudrait peut-être mettre une DTD à ta page.
Sans DTD, IE passe en mode "quirk".

j'avais oublier le doctype! Smiley decu Merci

qu'entends tu par "quirk" ?

je teste divers doctype (au fait Merci pour le compliment couleurs)
Modifié le 24 Jan 2005 - 21:20
Je ne vois pas l'intérêt de ceci dans ta CSS :

@charset "iso-8859-1";


Ici il faut spécifier font-family :

body {
  background:#35445b url("img/fond_uns.jpg") fixed no-repeat;
  margin:0;
  padding:0;
  [b][#red]font[/#][/b]: Tahoma, Arial, Verdana, Sans-serif;
  line-height:1.4em;
  color:#222;
}

Modifié le 24 Jan 2005 - 21:17
dentnoir a écrit :

qu'entends tu par "quirk" ?

Trouvé sur le Web :
a écrit :

3 — Le cas particulier des Explorer : du mode natif «microsoft» au mode conforme W3C

En général, avec tout navigateur autre qu'un Explorer (ou Opera-7), une fois que la page a été validée, son rendu ne change pas beaucoup si on enlève le doctype. Le navigateur passe en quirks mode, mais il se débrouille — en général, à nouveau — de manière satisfaisante.

Il en va différemment avec les Explorer. Leur quirks mode est un mode natif Microsoft qui diverge sur pas mal de points de la norme du W3C, de telle sorte qu'on a parfois des différences assez sensibles dans les rendus (parfois, pas systématiquement, il ne faut pas dramatiser !). Le désaccord le plus célèbre porte sur le modèle des boîtes, c.à.d. sur le sens des propriétés de style width et height, le résultat étant que les dimensions des boîtes peuvent changer quand on passe d'un Explorer à Mozilla.

Source : http://perso.wanadoo.fr/coin.des.experts/reponses/faq9_64.html
Et je dis p'têt n'importe quoi, mais les liens relatifs c'est pas mieux ?
Par exemple, au lieu de
url("img/fond_uns.jpg");

ça donnerait :
url(./img/fond_uns.jpg);

Nan ?
marche pas j'ai assayé avec le doctype que tu ma donné et aussi celui là :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

je l'ai iutilisé déja sans probleme ; mais là c'est itou pareil çà recharge le background !!! bizarre d'habitude c'est IE coulant et là firefox accepte !!! Smiley rolleyes
Ça vient peut-être de ton background: fixed;

Essais avec scroll pour voir si tu as le même problème.
Skybattle a écrit :

Et je dis p'têt n'importe quoi, mais les liens relatifs c'est pas mieux ?
Par exemple, au lieu de
url("img/fond_uns.jpg");

ça donnerait :
url(./img/fond_uns.jpg);

Nan ?

C'est quoi un lien relatif ?

D'ailleur j'en profite pour poser une question. Ça vient d'où cette syntaxe avec le point-slash ?

url(./img/fond_uns.jpg);

Jamais vu ça dans les specs... Smiley ohwell
Stephan a écrit :
Je ne vois pas l'intérêt de ceci dans ta CSS :

@charset "iso-8859-1";



c'est mon editeur (WebExpert)qui me le colle quand je crée une nouvelle CSS
Stephan a écrit :
Ça vient peut-être de ton background: fixed;

Essais avec scroll pour voir si tu as le même problème.


j'ai testé en interne ; pareil avec ou sans fixed

même en faisant çà 

background:#35445b url("img/fond_uns.jpg");
  background-attachment: fixed; 
  background-repeat:no-repeat;

Modifié le 24 Jan 2005 - 21:38
dentnoir a écrit :

c'est mon editeur (WebExpert)qui me le colle quand je crée une nouvelle CSS

bah, ça doit donc être inoffensif Smiley cligne
Modifié le 24 Jan 2005 - 21:36
Stephan :
sous Nux, si je veux aller dans un répertoire, je tapes :
cd /repertoire/sousrep/

Si je veux aller dans le répertoire du dessous, ou si je veux aller dans un sous-répertoire du répertoire dans lequel je me trouve, ça donne ça :
cd ../sousrep2/
ou bien
cd ./sousrep3/

Et ton ./ indique que tu es dans ton répertoire actuel. Un ../ indique que tu retournes dans le répertoire qui contient le répertoire dans lequel tu te trouves.

Ainsi, si je suis dans /site/accueil.php
Je clique sur un lien, j'atterris là :
/site/repertoire/fichier.php
Si je veux afficher une image qui est contenu dans /site/images/, je dois bien taper un chemin relatif :
<img src="../images/image.png" alt="blabla" />

C'est ça un chemin relatif ^^ Et moi je les utilise tout le temps (à priori, c'est valide XHTML et HTML...)
Pages :
Sujet clos
Aller à