Rechercher : dans
Par :

[HTML/CSS] Position "absolute" mais cent

Dernière réponse le 1 déc 2007 à 20:41:30 bio-x, le 1 déc 2007 à 18:38:33 
 Signaler ce message aux modérateurs

Bonsoir à tous, je susi entrain de créer mon myspace et je souhaiterais mettre une bannière tout en haut et au centre du profil.
Après renseignements, j'ai essayé ceci:


[code]<style type="text/css">
body {margin-top: 332;}

div.header {
position: absolute;
top: 0;
margin-left: auto;
margin-right: auto;
left: -110px;
right: 0;
width: 667px;
height: 667px;
}
align: center;
}
</style>

<div class="header">MA BANNIERE</div>[/code]



La bannière est alors parfaitement centrée sur Firefox (voyez par vous même: http://profile.myspace.com/... ) mais ne l'est pas sur Internet Explorer.

J'aurais voulu savoir si il existe un code html ou CSS pour centrer ma bannière tout en gardant celle-ci au sommet de la page?

Merci d'avance pour votre aide. :)

Mathieu.

Configuration: Mozilla Indeterminable

Meilleures réponses pour « [HTML/CSS] Position "absolute" mais cent » dans :
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Déclaration d'une feuille de style (CSS) VoirDéclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...

1

bio-x, le 1 déc 2007 à 19:54:55
  • +1

Personne? :(
J'ai vraiment cherché partout et je ne trouve pas...

Répondre à bio-x

2

Voya 59, le 1 déc 2007 à 20:08:38

Lu,

Simplement parceque le code que vous utilisez n'est pas compatible avec internet explorer.


<div class="header" align=center>MA BANNIERE</div>


Corriger avec ça devrait suffire...

Sinon, il faut créer vos feuille de style dans des fichiers à part, pour y voir plus clair, j'ai visté la page, la banière fait quel poids? (en tout cas trop! car trop longue à charger).

Il ne faut pas être pro Microsoft, mais 80% des visiteurs sont sous IE alors il faut plutôt favisier ce type d'affichage, sachant que la compatibilité fonctionne mieux dans l'autre sens!

Répondre à Voya 59

3

 bio-x, le 1 déc 2007 à 20:41:30
  • +1

Merci de votre aide, mais malheureusement le site MySpace ne permet d'avoir une bannière au dessus de la pub qu'avec un code similaire à

div.header {
position: absolute;
top: 0;
margin-left: auto;
margin-right: auto;

etc. (désolé je n'ai pas le jargon approprié)

Et mon problème et que la position automatique (quand toutes les valeurs sont 0px) de la bannière est différente sur Internet Explorer et Firefox. En fait, je cherche une autre solution de code introduisant la position "absolute" (indispensable pour que la bannière soit positionnée en haut) accompagné d'un code de centrage compatible avec Firefox et IE.

Merci encore Voya 59 :) .

Répondre à bio-x