2 backgrounds différents sur une même page

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : 2 backgrounds différents sur une même page

frenzy

thank god I'm.....

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

Publicité

gm_superstar

Appelez-moi Super

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

frenzy

thank god I'm.....

ok merci, je vais regarder de ce coté là! Je reviens si j'ai des soucis

ps: ma connexion rame sa race ce soir

frenzy

thank god I'm.....

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 :

<!--
#left {
position:absolute;
left:0;
top:620px;
padding:0;
width=100%;
height:100%; /* works only if parent container is assigned a height value */
background:#970000;
background-image : url(images/background_bottom.gif);
background-repeat : repeat-y;
-->
et mon div:
<div id="left"></div>

gm_superstar

Appelez-moi Super

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

frenzy

thank god I'm.....

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

frenzy

thank god I'm.....

up du matin [:glaps]

gm_superstar

Appelez-moi Super

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

frenzy

thank god I'm.....

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 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)

gm_superstar

Appelez-moi Super

Frenzy a écrit :

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

Publicité

frenzy

thank god I'm.....

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

gm_superstar

Appelez-moi Super

Frenzy a écrit :

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

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

frenzy

thank god I'm.....

bon je vais essayé!

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

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 mail	Comment envoyer la valeur d'une variable PHP d'une page à une autre ?
[HTML, JS] Ouvrir une page sans menu et autre	inclure 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

Page générée en 0.068 secondes