Problème de positionnement: ok sous FF, pas Opera, Konqueror

Bonjour,

voici mon bout de code:

<p style="position: relative; z-index: 0; font-weight: bold; text-align: center; font-size: 2.5em;">
<span style="position: absolute; z-index: 3; color: #800000; text-align: center;">Bienvenue</span>
<span style="position: relative; z-index: 2; color: #d9bb7a; top: 3px; left: 3px;">Bienvenue</span>
</p>

mais je crois qu'il y a un problème de positionnement, ca déconne sous konqueror et opera.

que faire?


merci d'avance,
@++
Modifié par -fredo- (08 May 2006 - 18:12)

Bonjour -fredo-,

Voici ce que je te propose (excuse moi, mais je sais pas faire avec le code css dans le html)

css :

<style type="text/css">
#bienvenuePrincipal {
position: relative;
z-index: 0;
font-weight: bold;
text-align: center;
font-size: 2.5em;
}
#bienvenueBordeau {
position: relative; /* position relative pour permettre de centrer le texte */
display: block; /* pour sauter une ligne */
z-index: 3;
color: #800000;
}
#bienvenueDore {
position: relative;
z-index: 2;
line-height: 106%; /* pour corriger le décalage plus important sous IE et Netscape */
color: #d9bb7a;
top: -42px; /* pour faire remonter le texte doré */
left: 3px;
}
</style>

html :

<div id="bienvenuePrincipal">
	<span id="bienvenueBordeau">Bienvenue</span>
	<span id="bienvenueDore">Bienvenue</span>
</div>

Je ne sais pas quel comportement aura konqueror car je ne l'ai pas.