28173 sujets

CSS et mise en forme, CSS3

Image de fond capricieuse [résolu]

bon jour à tous

j'essaie dans la mesure du possible de ne pas enfoncer de portes ouvertes mais, là, je coince magistralement :

A la création d'une nouvelle page, nouveau calque, insertion image de fond, tout se passe correctement. IMPOSSIBLE de visualiser la photo dans IE lors du test !!
Lorsqsue j'ouvre une ancienne page avec les mêmes composants, tout s'affiche normalement en apparence !

Pourtant ceci n'a jamais posé de problème. Je tourne en rond depuis des heures (sans rire) et sans doute je ne vois pas ce qui est énorme.

Quelqu'un peut-il m'aider, je joins le code ci-dessous, si nécessaire

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:0;
top:0;
width:1024;
height:768;
z-index:1;
background-image: url(images/Image3.jpg);
visibility: visible;
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
</head>

<body>
<div id="Layer1"></div>
</body>
</html>

En espérant être conforme à l'esprit de votre forum

Merci d'avance
Modifié par grassel (16 May 2006 - 13:22)
Bonjour grassel,

Quand tu donnes du codes, penses à utiliser les balises [ code] (à mettre au dessus) et [/ code] (à mettre en dessous) - sans les espaces rajoutés ici.
(Il suffit de cliquer sur le bouton [ code ] - une fois pour la première balise, une seconde fois pour mettre la deuxième.) ça permet de créer un bloc autour du code, qui passe en couleur verte et gagne en lisibilité.


Pour ton problème, tu as oublié de préciser l'unité pour les dimensions du bloc div. Si en lisant les valeurs données, nous savons que tu parles de pixels, un navigateur ne peut pas le deviner.

Tu peux aussi oublier le "z-index" qui ne sert à rien ici, de même que le "visibility" :
#Layer1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 1024[#orange]px[/#];
	height: 768[#orange]px[/#];
	background-image: url(satellite.jpg) center center no-repeat;
	}




Rien à voir avec le problème dont tu parles, mais il manque une chose à ton code, un DOCTYPE. Il en existe plusieurs, en fonction du codage utilisé ; en voici un : 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Voici un lien pour savoir de quoi il s'agit :
http://pompage.net/pompe/doctypecontenttype

Voici un autre lien recensant les principaux DOCTYPES (y'a plus qu'à copier-coller celui que tu veux) :
http://pompage.net/pompe/doctype
Modifié par Smiley neko (16 May 2006 - 11:05)
en fait, je n'ai pas copié les premières lignes du code.

M E R C I pour le coup de main. Tout est ok.
Ah ! quand on a la tête dans le guidon !! Smiley confused


J'espère pouvoir renvoyer l'ascenseur..malgré mes tous petits poyens

sincèrement
Sujet clos
Aller à