28173 sujets

CSS et mise en forme, CSS3

Proble d'affichage d'image sous Firefox

Bonjour

Je rencontre un problème Smiley decu !

Je m'essais au css, j'ai crée une petite "en construction" pour le site à venir, juste composée de deux images et l'image de fond passe par ce fameux fichier CSS.

Sous IE l'image de fond est visible, mais sous Firefox elle n'apparait pas :'(

Voila le code html 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<link href="acceuil.css" rel="stylesheet" type="text/css" media="all">
<TITLE> En construction </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Gael">
<META NAME="Keywords" CONTENT="Gouello-family">
<META NAME="Description" CONTENT="En Construstion">
</HEAD>
<body >

<DIV ALIGN="center"><IMG SRC="/images/trav05.gif" ALT=""><br>
<IMG SRC="/images/trav02.gif" ALT=""></DIV>
</BODY>
</HTML>


Voila le code du fichier "acceuil.css"

body {
margin:0;
padding:0;
text-align: left;
background: white;
background-image:url(images/18_06_2006 041.JPG);
background-repeat:no-repeat;
background-position: center ; 
}


Merci d'avance pour votre aide Smiley smile

Gael
Bonjour,

Internet Explorer ne gère pas correctement l'élément body et (en racourci) lui donne une hauteur incorrectement étendue à la fenêtre du navigateur.

Firefox et les autres navigateurs modernes gèrent correctement la hauteur de cet élément, qui est celle du contenu. Ils affichent bien l'image de background, mais elle est masquée par les deux images de contenu (les remplacer par un texte pour visualiser ce qui se passe).

Par ailleurs, et sans entrer dans les détails complexes, tu as tout intérêt à modifier le doctype incorrect présent au début de ta page, pour éviter certaines autres différences de rendu entre navigateurs. Voir http://www.w3.org/QA/2002/04/valid-dtd-list.html pour y copier la DTD HTML4.01 exacte.
Bonjour et merci pour votre aide Smiley smile

J'ai donc modifié le Doctype et tout est rentré dans l'ordre Smiley lol

Parcontre mon problème était inverse a votre explication, c'était firefox qui ce refusait à afficher.

Encore merci

Gael
Sujet clos
Aller à