HTML et IE (8) : pfff
dabigben
Messages postés
1913
Date d'inscription
Statut
Membre
Dernière intervention
-
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
quelqu'un pourrait-il juste me dire pourquoi sous IE ma bannière n'est pas centrée ? Elle l'était bien sous FF mais la j'ai rebidouillé pour que ça marche sous IE et j'ai pas retesté sous FF entre-temps. Mais bon j'imagine que si ça marche sous IE, ça le fera aussi sousFF :
<center><div class="topbanner">
<img border="0" src="http://skyzotronic.free.fr/img/msban3.png" />
</div></center><br />
<style>
.topbanner { position: absolute; top : 0px ;
margin-top : 0px ;
margin-left: auto;
margin-right : auto;
margin-bottom : auto ;
height: 30px; }
</style>
Voila, je n'avais jamais ouvert ma page avec IE (l'erreur !) et aujourd'hui je me suis rendu compte de ce soucis de bannière pas centrée, une petite idée ?
quelqu'un pourrait-il juste me dire pourquoi sous IE ma bannière n'est pas centrée ? Elle l'était bien sous FF mais la j'ai rebidouillé pour que ça marche sous IE et j'ai pas retesté sous FF entre-temps. Mais bon j'imagine que si ça marche sous IE, ça le fera aussi sousFF :
<center><div class="topbanner">
<img border="0" src="http://skyzotronic.free.fr/img/msban3.png" />
</div></center><br />
<style>
.topbanner { position: absolute; top : 0px ;
margin-top : 0px ;
margin-left: auto;
margin-right : auto;
margin-bottom : auto ;
height: 30px; }
</style>
Voila, je n'avais jamais ouvert ma page avec IE (l'erreur !) et aujourd'hui je me suis rendu compte de ce soucis de bannière pas centrée, une petite idée ?
A voir également:
- HTML et IE (8) : pfff
- Clé windows 8 - Guide
- Mixcraft 8 - Télécharger - Création musicale
- Editeur html - Télécharger - HTML
- Internet explorer 8 - Télécharger - Navigateurs
- Windows 8 pro - Télécharger - Systèmes d'exploitation
3 réponses
Salut.
L'erreur vient de toi, pas d'IE.
En plaçant ton div en absolute, tu le colles en haut et à gauche. Lorsqu'un objet est en absolute, même en de type block, sa largeur n'est plus de 100% : il prend la largeur du contenu.
Donc ton div fait la largeur de ton image, et ton image est bien centrée dedans, mais tu ne le vois pas parce que l'image prend tout le div.
Juste pour information, la balise center est dépréciée.
L'erreur vient de toi, pas d'IE.
En plaçant ton div en absolute, tu le colles en haut et à gauche. Lorsqu'un objet est en absolute, même en de type block, sa largeur n'est plus de 100% : il prend la largeur du contenu.
Donc ton div fait la largeur de ton image, et ton image est bien centrée dedans, mais tu ne le vois pas parce que l'image prend tout le div.
Juste pour information, la balise center est dépréciée.
D'apres toi je devrais mettre quoi comme code alors ?
J'ai pas trop compris ton explication en fait, ma div est décentrée sur la droite plutot ..
J'ai pas trop compris ton explication en fait, ma div est décentrée sur la droite plutot ..
Si tu places ton div au tout début, tu ne devrais pas avoir besoin d'utiliser le positionnement absolu.
Pour centrer le contenu du div, tu peux utiliser la propriété text-align en CSS.
Pour centrer le contenu du div, tu peux utiliser la propriété text-align en CSS.
.topbanner {
text-align: center;
}Et le code HTML :<div class="topbanner">
<img src="http://skyzotronic.free.fr/img/msban3.png" alt="" />
</div>
