Dream affichage partiel background CSS

loudjena

Membre actif
8 Octobre 2003
761
156
Dans mon petit bateau 100% coton
Bonjour,

Deamweaver : je fais une feuille de style CSS "arriere plan" pour mettre une image de fond sans répétition.
Mais Explorer et Safari n'affichent que partiellement l'image de fond (juste un bandeau horizontal).

Voici le code de ma page :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
@import url("styles/fondfixe.css");
-->
</style>
</head>
<body>
<p class="testfond">&nbsp;</p>
</body>
</html>


et la feuile de style CSS :

.testfond {
background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(../img/ventilateur.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

Alors si vous avez des idées, merci.
 
le problème vient sans doute de <p class="testfond">&nbsp;</p>
ajoute des <br> après ton &nbsp;

> la zone définie par ton &nbsp; est probablement plus petite que celle de ton image "ventilateur"

a+
 
J'ai ajouté 7 balises <br> et ça marche, mais je trouve ça curieux autant qu'étrange !

Bon enfin, en tout cas merci beaucoup pour ton aide.

:up:

Oui, mais non !

Avec ces <br> mes tableaux ne se positionnent pas comme je veux ! :rolleyes:
 
ton paragraphe défini avec <p> c'est comme une boîte avec une taille fixe. Si l'image de fond est plus grande que ta boîte, l'image s'affiche dans les limites de la boîte. En fait, ta boîte agit comme un masque (dans Photoshop par ex.). Le fait d'ajouter des <br> augmente la hauteur de la boîte (la hauteur du masque) et donc laisse apparaître une partie plus importante de ton image.
Si tu as un exemple en ligne je pourrais peut-être t'en dire plus.

a+