2 backgrounds différents sur une même page

2 backgrounds différents sur une même page - HTML/CSS - Programmation

Marsh Posté le 17-04-2003 à 23:24:42    

'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?

Reply

Marsh Posté le 17-04-2003 à 23:24:42   

Reply

Marsh Posté le 18-04-2003 à 00:20:44    

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
Reply

Marsh Posté le 18-04-2003 à 00:26:34    

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

Reply

Marsh Posté le 18-04-2003 à 00:38:03    

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. -->
  14. et mon div:
  15. <div id="left"></div>

Reply

Marsh Posté le 18-04-2003 à 00:42:20    

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
Reply

Marsh Posté le 18-04-2003 à 01:17:03    

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"?

Reply

Marsh Posté le 18-04-2003 à 09:28:56    

up du matin [:glaps]

Reply

Marsh Posté le 18-04-2003 à 10:13:26    

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
Reply

Marsh Posté le 18-04-2003 à 10:46:21    

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)  

Reply

Marsh Posté le 18-04-2003 à 11:05:39    

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
Reply

Marsh Posté le 18-04-2003 à 11:05:39   

Reply

Marsh Posté le 18-04-2003 à 11:27:08    

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

Reply

Marsh Posté le 18-04-2003 à 11:31:42    

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
Reply

Marsh Posté le 18-04-2003 à 11:43:22    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed