Arrière plan étirable et fixé

Bonjour à tous,

J'ai lu attentivement les articles sur les arrières plans étirables et j'ai fait cette page:

http://etudiant.univ-mlv.fr/~lpetroni/My%20Site/Site/acceuil.htm

Comme vous pouvez le constater, j'ai réussi à faire un arrière plan étirable s'adaptant à la taille de la fenêtre. Mais ce que je voudrais aussi, c'est que l'image retse en fixe derrière de manière à ce que je puisse écrire un long texte et que l'image reste toujours en arrière plan malgré le défilement vertical. Si vous ne me comprenez pas bien, réduisez la fenêtre de ma page jusqu'à ce que le texte sorte de l'image et vous constaterez que lors du défilement vertical pour voir la fin du texte, l'image ne reste pas en fixe.
En résumé j'aimerais faire un arrière plan étirable avec les propriétés d'un arrière plan en bgproperties=fixed.

Merci d'avance pour votre aide

Bonjour hablabla et bienvenue à toi sur le forum Alsacréation !

Ce que tu demandes ici relève avant tout de la fantaisie et n'est pas le but premier de ce forum. Je t'encourage à apprendre à utiliser le HTML en évitant les éléments tel <font>.

La spécification HTML 4.01 a écrit :

Les éléments FONT et BASEFONT sont déconseillés.

http://www.la-grange.net/w3c/html4.01/present/graphics.html#edef-FONT

Tu devrais également choisir un DOCTYPE pour ta page :
Lire : Le DOCTYPE qu’il vous faut.

Plus ça va et plus je suis perdu. Mon but était avant tout de réaliser un site qui sortirait du lot des ordinaires sites avec un fond d'écran uni pour éviter la multiplication de l'image. La solution était donc de mettre une image en arrière plan mais en trouvant un système pour qu'elle ne se multiplie pas. Ce système je l'ai trouvé sur alsacréation.
Ce que je veux finalement c'est avoir un site qui ne connaîtra pas la contrainte des résolutions, qui s'affichera correctement sur n'importe quel écran, quitte à ce que mes images d'arrière plan soient légèrement déformées. Pour éviter ce problème, tu as toi même choisi le système de la frame centrale pour ton site.
Ce que je veux faire me paraît si logique du point de vue de la lisibilité d'un site que je ne parviens pas à comprendre pourquoi je ne trouve la solution à mon problème nulle part.
Quant à ce qui concerne Font et basefont, j'ai lu effectivement que c'était déconseillé mais ça nous contraint finalement à une mise en forme sans fantaisie non? Comment faire pour spécifier une couleur pour un texte ou une police spéciale?

hablabla a écrit :

Pour éviter ce problème, tu as toi même choisi le système de la frame centrale pour ton site.

hum.. Il n'y a rien dans mes pages qui ressemble de près ou de loin à un <frame>, ni quoi que ce soit qui ressemble au système que tu présente ici. Tous mes backgrounds sont générés via CSS.

hablabla a écrit :

Quant à ce qui concerne Font et basefont, j'ai lu effectivement que c'était déconseillé mais ça nous contraint finalement à une mise en forme sans fantaisie non? Comment faire pour spécifier une couleur pour un texte ou une police spéciale?

En réalité, CSS fournit des mécanismes permettant largement plus de contrôle sur le texte qu'HTML.

hablabla a écrit :

En résumé j'aimerais faire un arrière plan étirable avec les propriétés d'un arrière plan en bgproperties=fixed.

Pour l'image:

img {
position: fixed;
left:0;
top:0;
width:103%;
height:103%;
}

Mais position:fixed n'est pas implémenté par IE.

Il faut savoir qu'en l'état actuel de CSS2, et en l'état actuel de son implémentation, un arrière-plan fixe et étirable en une image unique est une "bidouille". Comme toute bidouille, elle a ses limites et ne marche pas partout

D'autre part, un texte avec ce type d'arrière-plan perd beaucoup en lisibilité, et donne franchement un sentiment d'"amateurisme". Ton image serait mieux employée comme bandeau.

Enfin, pour tes polices de caractères et tes couleurs, voir Passer aux feuilles de style. Tu y trouveras comment transposer les <font> en CSS.
Modifié le 19 Jan 2005 - 07:30

Je me suis mal exprimé en disant "frame", mais bien que tu aies créé ton site en css, le résultat est bien un arrière plan uni sur lequel se trouve une genre de frame, même si ce n'est pas aussi simple que ça.
Enfin bon si vous me dites que ce n'est pas possible, tant pis.
Concernant l'amateurisme du site, je ne vais pas me mentir, je suis bien un amateur . Mais le site que je fais étant un site comemrcial pour un étang de pêche, comportant très peu de texte, nous avons tout joué dans l'attirance esthtéique du lieu en montrant un maximum de photos.

Merci pour vos réponses en tout cas.

à hablabla

voici une solution qui permet d'obtenir ce que tu décris. Elle n'en est pas moins peu satisfaisante :

feuille de style

body,html {
padding:0;
margin:0;
}
body {
font-family:arial, sans-serif;
/*quand on dit que la balise font
est dépréciée ce n'est pas sans raison  [cligne] */
font-size:1.2em;
font-weight:bold;
font-style:italic;
color:#f00;
overflow:hidden;
}
div#contentbgimg {
width:100%;
height:100%;
}
#imgbg {
width:100%;
height:100%;
}
div#conteneurprinc {
overflow:auto;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
div#conteneurprinc p,h1,h2,h3,h4,h5,ul,dl {
margin-left:100px;
margin-right:100px;
}

code html

<body>
<div id="contentbgimg">
<img src="photo1bis.jpg" id="imgbg" alt="une vraiment très jolie image de fond" />

</div>
<div id="conteneurprinc">
 ici le contenu de ta page

</div>
</body>

voilà, ça marche mais à quel prix !
le défilement est laborieux, comme si l'image bloquait le texte.
Il de toute façon complètement impossible en navigation clavier, et égalament avec la molette.

En plus je trouve les déformations de l'image quand on redimentionne la fenêtre plutôt désagréable.

salut
Modifié le 21 Jan 2005 - 16:32

lol. Oui effectivement.
Mais ce n'est pas grave, j'ai posé la question pour savoir si c'était possible, apparemment ça ne l'est pas comme je le voulais, c'est pas grave. Il aurait fallu que la position fixed marche pour les images ou mieux qu'un backgrounf style soit possible.
Je vais donc présenter le site un peu différemment.
Je crée d'ailleurs un autre site, personnel cette fois et je suis vos recommandations pour celui-là: j'apprends le css, j'utilise des doctype et évites les font et basefont . Et les codes sources de vos sites m'en apprennent beaucoup.

Merci encore

hablabla a écrit :

Et les codes sources de vos sites m'en apprennent beaucoup.

Attention parce que comme partout ailleur, c'est "faites ce que je dis et non ce que je fais" !

Dans le doute, n'hésite pas à poser d'autres questions !