Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: gigasat le le 05-01-2007 a 11:03:23

Titre: Prb de calage avec Opéra 9.10
Posté par: gigasat le le 05-01-2007 a 11:03:23

[color=Blue]
Bonjour,

J'ai un problème de callage d'un annimation flash dans un div que je me sert comme bannière, je rencontre que ce problème sous Opéra, qu'en au tres nav, il n'y a aucun problème....Galère !!
Voici comment est constitué ma bannière.
celle-ci est constitué de 2 images placées l'un en dessous de l'autre et à gauche dans mon div, au centre de mon div j'ai ma 1er annim flash et à droite de celle-ci j'ai ma 2eme annim flash et c'est elle qui me pose problème !

a mom div bannière que j'ai nomé bandBan j'applique l'id="bandeauBan"
j'applique pour l'image du haut placée à gauche la class="bandGH"
j'applique pour l'image du bas placé à gauche la class="bandGB"
Pour la 1ere annim flash placé au centre (donc à coté des 2 images) j'applique la class="bandC"
Pour la 2eme annim flash (celle qui me pose problème) placé à droite de la 1ere annim flash, j'applique la class="bandD"

Ma CSS est composée ainsi :
[/color]
[color=Orange]
/* ------------------------------------------
/* Bandeau Bannière
/* ------------------------------------------
*/

.bandeauBan {
   width: 956px;
   margin: 0;
   padding: 0;
   text-align: left;
   background-color: #FFFFFF;
}

/* ------------------------------------------
/* BandeauBannièreGaucheHaut
/* ------------------------------------------
*/

.bandGH{
   position: absolute;
   width: 253px;
   margin: 0;
   padding: 0;
   text-align: left;
   height: 83px;
   display: block;
}

/* ------------------------------------------
/* BandeauBannièreGaucheBas
/* ------------------------------------------
*/

.bandGB{
   width: 253px;
   margin-top: 83px;
   margin-bottom: 3px;
   margin-left: 0;
   margin-right:0;
   padding: 0;
   height: 46px;
}

/* ------------------------------------------
/* BandeauBannièreCentre
/* ------------------------------------------
*/

.bandC{
   position: absolute;
   width: 494px;
   padding: 0px;
   margin: 0;
}

/* ------------------------------------------
/* BandeauBannièreDroite
/* ------------------------------------------
*/

.bandD{
   position: absolute;
   width: 209px;
   height: 132px;
   /*margin-left: 494px;*/
   padding: 0px;
   top: 0px;
   bottom: 0px;
   margin-left: 490px;

}

[/color]
[color=Blue]
Merci pour vore aide !!


[/color]

Titre: Re:Prb de calage avec Opéra 9.10
Posté par: theonlydrayk le le 05-01-2007 a 19:16:13

Je crois que ca serait mieux si tu postais aussi ton code html ou le URL, mais avec ce que jai je crois que le probleme c'est :


Code:
.bandD{
position: absolute;
width: 209px;
height: 132px;
/*margin-left: 494px;*/
padding: 0px;
top: 0px;
bottom: 0px;
margin-left: 490px;
}


Une position:absolute positione un element sans aucune valeur de reference, il faut obligatoirement lui donner un top:x; et un left:x; sinon on laisse au browser 'deviner' ou il devrait le positioner.

Tu doit changer ton positionement ou garder le position:absolute; mais ajouter un top et un left a tout les elements qui sont en position:absolute;

Regarde ca pour les base du positonement en CSS : http://www.w3.org/TR/WD-positioning-970131 (http://www.w3.org/TR/WD-positioning-970131)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.