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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  2 backgrounds différents sur une même page

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

2 backgrounds différents sur une même page

n°365760
frenzy
thank god I'm.....
Posté le 17-04-2003 à 23:24:42  profilanswer
 

'lut
 
Je suis collé sur un probléme! J'ai un tableau avec une image de fond qui se répète à droite du tableau (repeat-x)...mais j'ai aussi besoin d'avoir un 2éme fond qui se répète en bas (repeat-y)!
 
J'ai essayé de mettre un 2éme tableau vide en dessous du premier, avec mon image qui se répête en fond, en mettant la hauteur à 100%, mais j'ai du coup un scrollbar avec une page 2x plus haute que mon tableau de contenu!
 
Est ce qu'il exista un moyen autre que d'utiliser 2 frames?

mood
Publicité
Posté le 17-04-2003 à 23:24:42  profilanswer
 

n°365801
gm_superst​ar
Appelez-moi Super
Posté le 18-04-2003 à 00:20:44  profilanswer
 

Il faudrait essayer de positionner un DIV en dessous du tableau, mais il faut pour cela :
 
- Connaître les dimensions du tableau
- Pouvoir faire du positionnement absolu (voire relatif)
 
A ce moment là tu appliqueras au DIV le premier fond et au tableau le second.


Message édité par gm_superstar le 18-04-2003 à 00:37:32

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°365803
frenzy
thank god I'm.....
Posté le 18-04-2003 à 00:26:34  profilanswer
 

ok merci, je vais regarder de ce coté là! Je reviens si j'ai des soucis :D
 
ps: ma connexion rame sa race ce soir :o

n°365812
frenzy
thank god I'm.....
Posté le 18-04-2003 à 00:38:03  profilanswer
 

nope marche pas! en fait ça fait exacetemt la même chose qu'avec un tableau...le fond est là, mais j'ai un scrollbar verticale ducoup! voilà ce que j'ai fait:

Code :
  1. <!--
  2. #left {
  3. position:absolute;
  4. left:0;
  5. top:620px;
  6. padding:0;
  7. width=100%;
  8. height:100%; /* works only if parent container is assigned a height value */
  9. background:#970000;
  10. background-image : url(images/background_bottom.gif);
  11. background-repeat : repeat-y;
  12. -->
  13. et mon div:
  14. <div id="left"></div>

n°365814
gm_superst​ar
Appelez-moi Super
Posté le 18-04-2003 à 00:42:20  profilanswer
 

C'est quoi le conteneur du DIV ? Il a une marge ? du padding ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°365821
frenzy
thank god I'm.....
Posté le 18-04-2003 à 01:17:03  profilanswer
 

gm_superstar a écrit :

C'est quoi le conteneur du DIV ? Il a une marge ? du padding ?


 
j'ai du louper quelque chose :) J'utilise jamais les div, j'ai juste regardé vite fait pour voir ce que ça pouvait donner...c'est quoi un "conteneur"?

n°365898
frenzy
thank god I'm.....
Posté le 18-04-2003 à 09:28:56  profilanswer
 

up du matin [:glaps]

n°365992
gm_superst​ar
Appelez-moi Super
Posté le 18-04-2003 à 10:13:26  profilanswer
 

Le conteneur c'est l'élément qui contient ton DIV. Donc si tu as :
 
<body>
  <div>...</div>
</body>
 
Le conteneur c'est BODY.
 
Mais en fait je vois pourquoi tu as une scrollbar (je suis mieux réveillé ;)). Ton DIV fait 100% de la hauteur de son conteneur, mais comme il est à 620px du haut il est décalé vers le bas et donc il sort.
 
Il faudrait définir DIV comme ça :
 
top: 620px;
bottom: 0px;
 
(sans indication de hauteur), mais ça ne marche pas avec IE qui ne supporte pas les hauteurs implicites.
 
Mais en fait je voudrais savoir un truc, ton fond il doit être en bas de l'écran ? Tu peux pas l'appliquer à BODY ?


Message édité par gm_superstar le 18-04-2003 à 10:13:43

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°366061
frenzy
thank god I'm.....
Posté le 18-04-2003 à 10:46:21  profilanswer
 

beh je ne peux en appliquer qu'un au body! et là idéalement il m'en faut 2 (un en bas et l'autre à droite).
Merci pour l'astuce, mais autant que ça ne passe pas sous opera par ex c'est pa très grave (bien que ce soit mon nav principal), mais que ça ne marche pas sous ie ça m'embête un peu tout de même  :D En attendant de trouver la solution miracle, j'ai modifer un peu le design pour que ça marche avec un seul fond :)
 
pdt que j'y suis, est ce qu'il ya des tweaks pour placer des éléments précisement, et que ça soit interprété de la même manière par tous les navigateurs? Je place des menus déroulant dans une pages à l'aide de l'attribut(?) position..moz et ie l'interprête corretecment, mais pas opera (décidemment je vais finir par le lourder je crois)  

n°366101
gm_superst​ar
Appelez-moi Super
Posté le 18-04-2003 à 11:05:39  profilanswer
 

Frenzy a écrit :

beh je ne peux en appliquer qu'un au body! et là idéalement il m'en faut 2 (un en bas et l'autre à droite).
Merci pour l'astuce, mais autant que ça ne passe pas sous opera par ex c'est pa très grave (bien que ce soit mon nav principal), mais que ça ne marche pas sous ie ça m'embête un peu tout de même  :D En attendant de trouver la solution miracle, j'ai modifer un peu le design pour que ça marche avec un seul fond :)


Dans ce cas le DIV qui contient le second fond, il n'y a aucune raison qu'il démarre à 620px du haut et fasse 100% ?
 
Est-ce qu'il est possible de faire comme ça : tu fixes le DIV en bas de l'écran avec "bottom: 0px", tu lui donnes une hauteur suffisante pour que l'image de fond s'affiche et enfin tu appliques les propriétés pour l'image du fond.

Frenzy a écrit :

pdt que j'y suis, est ce qu'il ya des tweaks pour placer des éléments précisement, et que ça soit interprété de la même manière par tous les navigateurs? Je place des menus déroulant dans une pages à l'aide de l'attribut(?) position..moz et ie l'interprête corretecment, mais pas opera (décidemment je vais finir par le lourder je crois)  


Quelle version d'Opera ? Si c'est la 6 c'est normal ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le 18-04-2003 à 11:05:39  profilanswer
 

n°366173
frenzy
thank god I'm.....
Posté le 18-04-2003 à 11:27:08  profilanswer
 

oui c'est une bone idée de la fixer en bas! Mais le probléme va être le même...il faut bien que je lui fixe une hauteur en %, puisque l'idée c'est ça fonctionne graphiquement quel que soit la résolution! je vais essayer
 
oui c'est opera 6.04! c'est un peu chiant a force... le pire c'est les page w3c compliant  :D

n°366189
gm_superst​ar
Appelez-moi Super
Posté le 18-04-2003 à 11:31:42  profilanswer
 

Frenzy a écrit :

oui c'est une bone idée de la fixer en bas! Mais le probléme va être le même...il faut bien que je lui fixe une hauteur en %, puisque l'idée c'est ça fonctionne graphiquement quel que soit la résolution! je vais essayer


Heu... j'ai du mal à voir là, ton DIV restera en bas quelque soitl la résolution... Enfin il faudrait une URL pour mieux voir le problème...

Frenzy a écrit :

oui c'est opera 6.04! c'est un peu chiant a force... le pire c'est les page w3c compliant  :D


Ben oui Opera 6 n'est pas très fort pour gérer du contenu dynamique [:spamafote]
Opera 7 est bien meilleur pour ça et je pars du principe que les utilisateurs d'Opera 6 passeront vite à la version 7 ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°366218
frenzy
thank god I'm.....
Posté le 18-04-2003 à 11:43:22  profilanswer
 

bon je vais essayé!
 
je vais aussi essayé opera 7.
merci pour ton aide en tout cas  :jap:


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

  2 backgrounds différents sur une même page

 

Sujets relatifs
[html / asp ? ] En local : modifier un fichier, une page html...Editeur et Generateur de page CSS : ça existe en Open Source ?
[PHP] Mon source s'affiche dans la page ! help plz ( code inside )insere une page php dans une page HTML
Envoi d'une page HTML par mailComment envoyer la valeur d'une variable PHP d'une page à une autre ?
[HTML, JS] Ouvrir une page sans menu et autreinclure une page html
comment inclure un fichier javascript dans une page html ????Faire une page web qui en appelle d'autres au hasard ?
Plus de sujets relatifs à : 2 backgrounds différents sur une même page


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