Discussion :

[pas30]

Bonjour,

Je travaille sur un tableau qui est centré en milieu de page et qui scrolle correctement (position fixed), je voudrais que derrière ce tableau de 600*400 se trouve un fond grisé afin de faire ressortir le contenu de mon tableau
Ce fond fera donc toute la taille de la page, je n'ai pas de problème pour récupérer les tailles de la page quelque soit le navigateur
Dois-je faire un div de toute la page avec fond grisé et y intégrer le tableau de 600*400 en position centré et si oui comment intégrer un tableau dans une div afin que ce contenu scrolle aussi car dans mon cas le fond grisé doit scrollé ainsi que le tableau ?
Merci

[Alt157]

C'est quoi le problème js dans l histoire ?

Le tableau est inséré dynamiquement avec javascript (sur un clic sur un lien ou un button par exemple ? Ou c'est un tableau que tu affiches directement dans ta page, au chargement.

Au chargement : Avec CSS tu peux mettre un background-color a ton body.

Dynamiquement : oui tu peux créer une div qui fera la largeur et la hauteur de ta page (avec z-index pour qu'il passe au dessus du reste de ta page ) et centrer de la meme façon que tu le fais actuellement normalement...

Tu centres comment ?

[le_chomeur]

pas compris non plus ??? un problème de z-index ? de scroll ?

[pas30]

Alors voilà du concret :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
document.write('<style type="text/css">\n'+
 '#popavenir \n'+
 '	{\n'+
 '	position:fixed;\n'+
 '	width:'+fenWidth+'px;\n'+
 '	height:'+fenHeight+'px;\n'+
 '	top:0px;\n'+
 '	left:0px;\n'+
 '	position: expression(IEFixedElementPos());;\n'+
 '	top: expression(scroll_fenetre());\n'+
 '  background-image: url(fondgris.gif);\n'+
 '	}\n'+
'</style>');

j'ai donc un style css "popavenir" qui prend la hauteur et la largeur de l'écran
Ensuite je veux juste afficher un tableau centrer dans la hauteur et la largeur de la page comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.write("<div id='popavenir'><TABLE CELLPADDING=0 CELLSPACING=0 border=0><TR><TD bgcolor=#000000 width=300 height=15><div align=left><FONT face=Arial, Helvetica, sans-serif color=#ffffff size=2><b><a style=color:#FFFFFF href=<?php echo $domaine;?> target=_blank>xxx</a></b></font></div></TD><TD width=300 height=15 bgcolor=#000000><div align=right><FONT face=Arial, Helvetica, sans-serif color=#ffffff size=2><b><a id=ouvre style=color:#FFFFFF;display:none href=http://www.xxx.com target=_blank onClick=popclose()>Ouvrir le site</a> <a id=ferme style=color:#FFFFFF;display:none href=# onClick=popclose()>Fermer</a></b></font></div></td></TR><TR><TD colspan=2><iframe onLoad=fermevisible() width=600 height=400 src=http://www.xxx.com></iframe></TD></TR></TABLE></div>");

Donc voilà c'est assez simple ma div contient un tableau affichant des informations mais je dois le centrer tout simplement
Dois je définir un nouveau style css affecté à ce tableau afin de le positionner sachant que j'ai déjà les valeurs de positionnement pour le centrage qui sont contenu dans les variables "hauteur" et "gauche"
Sinon pour cette partie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'  background-image: url(fondgris.gif);\n'+

J'aimerais mettre un border=0 à l'image de fond

[le_chomeur]

la bordure n'est pas plutôt sur ton lien ???

sinon si c'est sur l'image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#popavenir img{
border:0px;
}

[pas30]

Je veux avoir ma div avec fond grisé et par dessus mon tableau centré dans la page et que lorsque l'on scrolle le tableau scrolle aussi ainsi que le fond grisé
J'ai déjà le fond grisé mais je ne comprends pas la logique de javascript avec les div mais alors vraiment pas mais sinon çà ne doit pas être compliqué du tout
Pour faire ce que je veux, vais je devoir faire deux divs ???
une div avec le fond grisé et une pour le tableau ? N'y a t il pas plus simple ???
En positionnant simplement le tableau au centre de la div grisé
Merci