Bonjour à tous
 
J'ai des pages centrées sur l'écran à partir de 800X600 à l'aide d'un tableau centré de 750PX de large,j'ai un fichier Haut dans lequel il y a une image et un bandeau de pub.
 
<div align="center">
<table width="754" height="138" border="0">
<tr>  
<td valign="top">
<div id="Layer1" style="position:relative; width:750px; height:136px; z-index:1; left:0px; top: 9px">
<img src="Images/titre2.gif" width="751" height="137">  
<div id="Layer2" style="position:absolute; width:468px; height:60px;; z-index:2; left: 265px; top: 62px">
<img src="Images/essai_pub.gif"></div></div>
</td>
</tr>
</table>
</div>
 
Ca fonctionne bien, mais sous netscape 4.7 je perd les CSS du reste de la page et je ne comprend pas pourquoi, donc quitte à tout refaire, je veux me mettre à la norme WC3, donc tout CSS.
 
<div style="position: absolute; top:0px; left:10px; width:750px; heigth:60px;">
<img src="Images/titre2.gif"></div>
<div style="position: absolute; top:71px; left:282px; width:460px; heigth:60px;">
<img src="Images/essai_pub.gif"></div>
 
Fonctionne mais comment center sur la page en fonction des résolutions d'écran ?
 
Merci

Quel résultat attends-tu ? Comment doivent être les 2 images l'une par rapport à l'autre ?

Et surtout y a des trucs bizarres : une image de 751px dans un layer de 750px... à quoi bon spécifier des tailles si c pour commettre de telles ignominies

elles doivent être l'une dans l'autre c'est à dire image d'entête et bandeau de pub par dessus    
Pour les différence de taille j'ai tellement fait d'essais que je me suis trompé  

Je réponds pas à ta question parce que je bosse à fond là... mais deux remarques qui vont quand même t'aider :
 
Sépares tes styles du reste en utilisant les css, et donnes des noms évocateurs à la place des layers. C'est tout de suite plus clair et les gens pourront te répondre 10 fois plus vite et 10 fois mieux.

FlyMan30 a écrit a écrit : elles doivent être l'une dans l'autre c'est à dire image d'entête et bandeau de pub par dessus     Pour les différence de taille j'ai tellement fait d'essais que je me suis trompé

Tu ne donnes pas beaucoup plus d'info, donc voilà ce que tu vas faire :
 
1. Tu crées d'abord un <div> qui a des dimensions telles qu'il englobe exactement les 2 images. Admettons qu'il fasse 754x138. Ce <div> va servir à centrer horizontalement les 2 images :

 
2. Dans ce <div> tu positionnes tes 2 images de manière absolue :
 

 
3. le HTML

 
Ne pas oublier les hauteur/largeurs dans les tags <img> et le alt= afin d'être conforme aux normes.

 
Ca marche nikel avec IE mais avec netscape 4.7    
J'ai le titre collé à gauche et le bandeau de pub en dessous et à gauche  

C'est normal, Netscape 4 c'est tout pourri. Tu as un site où on peut voir ta page ? Ou alors le code ?

 
C'est ton code dont j'ai mis l'image    
 
Mon site www.planuldep.com

Essaye ça :
 

 
Marche pas le bandeau de pub est en dessous de titre2  

Ouais enfin là je fais pas dans le paranormal hein !
 
http://perso.wanadoo.fr/moulin/hfr/flyman/

 
       je comprend pas pourquoi ça n'as pas fonctionné chez moi    je vais retenter  
 
En tous cas encore merci  

Ca marche      
 
Un grand merci  

 
Il reste un petit problème ! le div class pub provoque une boite invisible qui dépasse d'environ 70px vers le bas l'image de titre provoquant le décalage d'autant du texte qui suit l'entête ! une solution ?

margin-bottom: -70px; ?

 
Impec pour IE6 mais ne fonctionne pas avec Netscape 4.7 mais le problème est mineur vu le nombre de visiteurs utilisant ce navigateur  
 
merci beaucoup  

Oui j'ai l'impression que ce NS 4 ne reconnait pas les valeurs négatives. Sinon il te suffit de positionner ce que tu as dessous de manière absolue là où tu veux que ce soit exactement.

Oui c'est bien beau le positionnement par CSS mais tant qu'il reste des clients avec d'ancien nav c'est quand même galère    
Alors j'utilise les CSS et les tableaux pour la compatibilitée