Superposition de div

Répondre
Citer ce message
sparh
le 18/04/2007 à 16:13
sparh
Salut,
je cherche donc à superposer 2 div.

Exemple:
<style>

.banniere {

width:1024px;

height:163px;

margin:auto;

top:0;

}



.div_superpose {

width:1024px;

height:163px;

margin:auto;

position:absolute;

top:0;

z-index:2;

}

</style>

Le problème c'est qu'avec position:absolute le margin:auto n'est plus pris en compte et du coup div_superpose change de place suivant la taille de l'écran.
(j'ai essayé de rajouter left:50%; mais le problème reste le même!)

J'éspère avoir été clair...
Merci d'avance
Citer ce message
sparh
le 24/04/2007 à 00:04
sparh 
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<style>

.banniere {

width:1024px;

height:163px;

margin:auto;

top:0;

background-image:url(file:///C|/Documents and Settings/gaspard toussaint/Mes documents/Site Internet/Jeux.flash.online/images/BANNIERE.png)

}

  

.div_superpose {

width:500px;

margin:auto;

position:absolute;

z-index:2;

margin-left:50%;

top:0;

background-image:url(../Photos/mob21_1143905236.jpg)

}

</style>

</head>



<body>

<div class="banniere"></div>

<div class="div_superpose"><h1>je suis au centre</h1></div>



</body>

</html>


Voilà , je n'ai toujours pas trouvé de solution donc si vous avez une idée...
Citer ce message
Daniel_P
le 24/04/2007 à 01:24
Daniel_P
Salut, tu as juste à faire superposer ton <div> sur l'autre avec des margin...

C'est surement pas compliqué ;)...
J'aime bien ce site.
Citer ce message
Keika
le 24/04/2007 à 09:18
Keika
quelle super reponse !

Je pense plutot qu'il faut que tu vires ton margin: auto;
parceque ca determine une difference automatique entre les bordure superieur de ton div avec la bordure inferieure du div precedent. et donc ton z-index ne fonctionne pas. si tu veux un margin auto pour la gauche et la droite fait:

margin-left: auto ;
margin-right: auto ;

Bonne chance
Le PHP --> C'est dur !
Citer ce message
Daniel_P
le 24/04/2007 à 13:31
Daniel_P
Que voulais tu que je dise de plus ? ^^

C'est avec les margin qu'on arrange ça ^^.

Sinon j'ai remarqué que ta superposition est du texte, alors pourquoi ne pas le mettre tout de suite sur ta bannière et par la suite tu le positionne avec le CSS.

<div id="banniere">

     <div class="texte_banniere">

     <p>

     Je suis le texte

     </p>

     </div>

</div>


Et dans le CSS tu positionne ta banniere et ensuite ton texte.
J'aime bien ce site.
Citer ce message
sparh
le 24/04/2007 à 18:35
sparh
Daniel_P: merci mais en fait je veux placer ce div à la fin de mon code (pour des raison de référencement)

Keika: OUIIIII ;) en effet c'était le margin:auto , en tous cas j'ai fait un test rapide et sous ff ca marche.
encore merci ;)
Citer ce message
Keika
le 28/04/2007 à 06:00
Keika
Merci a toi !! Pour une fois que je peux aider sans dire une betise... ^_^
Le PHP --> C'est dur !
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours