Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1215 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Image d'arriere plan fixe scrollable dans un div ?

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Image d'arriere plan fixe scrollable dans un div ?

n°1265000
Dolby
Posté le 12-12-2005 à 22:23:00  profilanswer
 

Bonjour,
j'aimerai via mes css et div (pas de tableaux) afficher une image d'arriere plan avec un height automatique qui allonge la hauteur de la page selon la quantitié de page (autant sur IE que firefox) mais que l'image d arriere plan reste fixe quand on scroll, comment faire en css et sans tableaux ?
Un simple height: auto et background-position: fixe  suffirait ?
Voici un exemple :
http://www.burlington.be/idvem001.htm
 
 :sweat:


Message édité par Dolby le 12-12-2005 à 23:55:17
mood
Publicité
Posté le 12-12-2005 à 22:23:00  profilanswer
 

n°1265108
xtof_83
Freeride Spirit
Posté le 12-12-2005 à 23:30:54  profilanswer
 

Ohla attention c'est vraiment dur ;)
 
Tu fais...accroche toi:
 
background-attachment:fixed
 
 
Tadamm....

n°1265122
Dolby
Posté le 12-12-2005 à 23:43:57  profilanswer
 

oui d'accord mais ici, j'ai la scrollbar de IE, quand je descend vers le bas de la navigation du site, jaimerai que l'arriere plan ne bouge pas, ce n'est pas le cas..
voir le site de référence: http://www.burlington.be/idvem001.htm


Message édité par Dolby le 12-12-2005 à 23:46:53
n°1265123
xtof_83
Freeride Spirit
Posté le 12-12-2005 à 23:44:48  profilanswer
 

ici ou?

n°1265125
Dolby
Posté le 12-12-2005 à 23:47:52  profilanswer
 

dans le cas présent lol !
Mon image d arriere plan fait 700px, avec le contenu total du texte, je me retrouve a 1500px de hauteur +/-
avec background-attachment:fixed, mon image d arriere plan reste fixe mais ne descend pas quand on scroll vers le bas, je ne sais pas si c clair mais bon voir ici ->  background-attachment:fixed
je précise quand meme que c'est dans un div :
 

Code :
  1. .bloc_pr {
  2. float: left;
  3. background: url(../usr/img/fond.jpg) ;
  4. background-attachment: fixed;
  5. background-repeat: no-repeat;
  6. width: 966px;
  7. border-right: solid 1px #000000;
  8. height: auto;
  9. }


Message édité par Dolby le 12-12-2005 à 23:50:51
n°1265127
xtof_83
Freeride Spirit
Posté le 12-12-2005 à 23:52:53  profilanswer
 

Tu sais la hauteur n'est jamais à prendre en compte sur un site...
 
Et puis explique moi pourquoi tu as un frame tous moche qui sert à rien....
 
Et donc si tu met background-attachment: fixed pour la frame du bas...
 
Sa marche pas?
 
Déjà moi dans ton code je vois ceci:
<body topmargin="5" leftmargin="75" link="#32160A" vlink="#45220E" alink="#3D281E" text="#1B204A" bgcolor="#FFFFFF" bgproperties="fixed" background="images/idvem003.jpg">
 
Ce qui est ce qu'il y a de plus moche dans la programmation Web, alors soit tu arrêtes de programmer sous Microsoft FrontPage 5.0
 
je cite:
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
 
Soit ben attend plus rien de moi....

n°1265128
Dolby
Posté le 12-12-2005 à 23:54:08  profilanswer
 

détrompe toi, ce n'est pas mon site.. j'aimerai simplement pouvoir faire la meme chose avec mon div et pas l'attribut body


Message édité par Dolby le 12-12-2005 à 23:54:38
n°1265129
xtof_83
Freeride Spirit
Posté le 12-12-2005 à 23:54:57  profilanswer
 

Hum je métonnais aussi....
 
Bon tu as pas moyen de mettre ton truc en ligne aussi...
 
height: auto;
je crois pas que ça serve ;)
teste sans..

n°1265130
Dolby
Posté le 12-12-2005 à 23:56:39  profilanswer
 

voici :  
http://www.spawauxhallclub.com/cgi [...] ge=26&lg=1
 
j'aimerai évidemment éviter l'overflow

n°1265131
xtof_83
Freeride Spirit
Posté le 13-12-2005 à 00:01:10  profilanswer
 

Oula :pt1cable: ...lol, c'est quoi cette effet de ouf sur le côté...
 
Bon soyons clair que veux tu voir de fixe sur cette page.?

mood
Publicité
Posté le 13-12-2005 à 00:01:10  profilanswer
 

n°1265132
Dolby
Posté le 13-12-2005 à 00:04:40  profilanswer
 

la partie du bas en dessous du menu,  (la zone verte avec sous menu et bleu avec contenu), ca s arrete avant la barre de fin (copyright)


Message édité par Dolby le 13-12-2005 à 00:05:59
n°1265133
xtof_83
Freeride Spirit
Posté le 13-12-2005 à 00:04:59  profilanswer
 

Bon je vois ce que tu veux faire...Mais là je sais pas je trouve c'est un peu mal penser ton truc....
 
Ben seul solution, pour l'ergonomie de ta page...overflow et tu vires l'autre barre....
 
Mais bon comme tu veux pas...hum ....franchement je sais pas ce qui cloche sur ta conception, mais c'est vachement bizarrement pensé...
 
Non?

n°1265134
Dolby
Posté le 13-12-2005 à 00:13:32  profilanswer
 

va pr l overflow..

n°1265145
Dolby
Posté le 13-12-2005 à 01:53:59  profilanswer
 

résolu, merci xtof_83 !!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Image d'arriere plan fixe scrollable dans un div ?

 

Sujets relatifs
[CSS] Problème de conteneur qui ne veut pas s'étendrepasser de l'image 1 à l'image 2
[pascal]comment faire passer une fenetre graphique au premier plan?[CSS] problème position div
[php] changer le fond d'une image distante avec GD[Flash] Changer l'image d'un bouton quand on clique dessus?
[HTML/CSS] Probleme incomprehensible [RESOLU]BUG quand mon php est intégré dans un div en CSS
Image plein écran et mapping.Créer et enregister une image avec wxwidgets
Plus de sujets relatifs à : [CSS] Image d'arriere plan fixe scrollable dans un div ?

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.058 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR