28220 sujets

CSS et mise en forme, CSS3

[Problème] Affichage d'une image en background

Bonjour à tous,

voila, j'ai un pti soucis d'affichage entre IE et FF Smiley smile
j'expose : 

#principal {
	position:relative;
	margin: auto;
	width: 950px;
	text-align: left;
	background-image:  url('images/fond.gif');
	
}



ça, c'est le cssde la div général qui prend la totalité de la largeur en arrière plan, l'image fong.gif s'affiche bel et bien dans ie, en fond donc de ma div, en se répétant. Pratique.

Mais, dans firefox, ça ne s'affiche pas du tout!

ai-je fait une erreur de syntaxte propre à FF?

Merci aussi d'avance de votre tolérence, je viens de découvrir les CSS et c'est mon premier poste ^^

PS : pardon si je n'ai pas mis assez d'information, n'hésitez pas à m'en demander plus ^^
Modifié par Biotyne (18 May 2005 - 13:12)
Administrateur
Salut et bienvenue parmis nous Smiley smile

Je me permet de te rappeler la lecture des Règles du forum qui t'indiquent comment afficher correctement et lisiblement les codes et exemples Smiley smile
Merci d'en tenir compte et de modifier ton premier message en conséquence.

Ensuite, il est inutile de préciser dans ton titre la mention [problème] : cela n'apporte aucune information pertinente sur ton problème et comme tu t'en doute, la majeure partie des sujets ici sont des questions ou des problèmes Smiley cligne

Pour mieux se rendre compte du problème, est-il possible de montrer un lien ou une illustration aux membres ?
Modifié par Raphael (18 May 2005 - 11:58)
Désolée pour la mise en page du code, je n'avais pas vu la note appropriée, j'ai donc modifié monh message en conséquence.

Désolée pour la mention problème mais je ne savais pas exactement quoi mettre pour notifier mon problème.

Je ne peux pas proposer ni lien ni screenshot car le site n'est pas en ligne.



<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="principal">
	<div id="haut">
		
    	<div id="haut1">
		</div>
		
		<div id="haut2">
		</div>
		
	</div>
	
	
  <div id="gauche">
  
  	<div id="m-haut">
	</div>
	
	<div id="menu">
	<img src="images/btn-news.jpg">
	</div>
	
  </div>
  
  <div id="central-1"> pouet pouet </div>

</div>
</body>


La feuille de style est attachée en lien.

Voilan, j'espère avoir été plus complète.

Merci d'avance... Smiley cligne


Edit: désolée, l'incrémentation des mes div passe pas dans l'affichage....

Edit2 : il s'avère que le background de #principal s'affiche sous FF si par exemple j'ajoute juste avant de refermer la div id=principal des .<br> (donc des lignes). Il ne s'affiche pas et ne se répète pas si ma div ne contient pas de texte... .
Modifié par Biotyne (18 May 2005 - 13:23)
t'as essayé de remplacer 
background-image: url('images/fond.gif');


par 
background: url("images/fond.gif");


?
Modifié par matthieu (18 May 2005 - 13:29)
Oui, j'ai essayé les différentes écritures possibles que j'ai trouvé sur alsacréation et ailleur sur le net... . Rien n'y fait.

Je continue à chercher....
Bonjour
J'avais fait un jour une page-test de background images avec 6 façons différentes d'entrer le code :
http://serv.agat.net/bg-img/
Chacun des 6 div contient en texte blanc son code spécifique
IE5 sous mac (oui, je sais...) n'accepte pas url("xxxx.img") ni en background ni en background-image... FF, Opera, Safari ou NS en revanche acceptent tout.
Merci de tester sur PC comme ça on saura peut-être à quoi s'en tenir Smiley smile
Ars
Bon, voila après diverses tentatives en tout genre, et avoir compulsé csszengarden, j'ai trouvé le soucis: le float.

Tout s'affiche partout correctement si j'enlève le float et que je donne des coordonnées.

Merci pour vos commentaires, et bonne continuation à tous et toutes Smiley smile
Sujet clos
Aller à