je me trouve devant une grosse bizarrerie que voici:
la page d'accueil de ce site, juste pour dire qu'il est en travaux, est très simple. Je veux juste que le fond soit du même rouge que l'image et que cette dernière se trouve centrée, en bas de la zone d'affichage du navigateur. Voici la source:
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Alcide et son Bidet</title>
<style type="text/css">
<!--
body {
background: #D60808 url(hector.jpg) bottom center no-repeat;
}
-->
</style>
</head>
<body>
</body>
</html>
-sous win:
Netscape 6
Mozilla 1.7.2
FireFox 0.9.3
FireFox 1.0.7
Opera 7.23
IE 6
-sous linux:
Konqueror 3.3.2
FireFox 1.0.6
n'ayant aucune machine pour faire tourner macosX je n'ai pas pu faire de test sur cette plateforme.
Mais voila la bizarrerie, l'image est décalée vers le haut et l'on ne peut voir que quelques pixels du bas de l'image, dans les 2 navigateurs suivants:
FireFox 1.5.0.1/win
SeaMonkey 1.0/win
Sauriez-vous pourquoi dans ces deux navigateurs très récents cette page est mal interprétée? Merci.
ps: en insérant un espace " " entre les éléments body je vois un tout petit peu plus l'image qui se redécale vers le bas, mais elle n'est pas entièrement apparante et se situe toujours dans la partie top de la zone d'affichage du navigateur.