sagat06
Messages postés166Date d'inscriptionmercredi 27 juin 2007StatutMembreDernière intervention31 mars 2014
-
13 oct. 2008 à 17:25
thony64270
Messages postés13Date d'inscriptionsamedi 24 juin 2006StatutMembreDernière intervention 9 juillet 2009
-
9 juil. 2009 à 12:10
Bonjour, j'ai un soucis qui me semble tout bête mais m'énerve comme c'est pas permis
Voilà, je souhaite placer sur mon site une sorte de bandeau tout en haut du navigateur (à top=0) et centré.
Ma première idée toute simple:
<center>
bla bla
</center>, mais cela ne marche pas !!
C'est la gauche de la div qui se trouve centrée donc le bloc lui-même est sur la droite
2ème idée avec CSS:
#gb{
margin-left: auto;
margin-right: auto;
width:700;
}
puis de suite après le body:
bla bla bla
, ne marche toujours pas !!
La div n'est pas positionnée en top=0 mais à quelques pixels du bord (ni si je rajoute top:0; dans le CSS) et la div n'est pas centrée du tout.
3ème idée après avoir cherché sur le web:
body{text-align: center;}
#gb{margin-left: auto;margin-right: auto;width: 700;text-align: left;}
puis
bla bla bla
Mais là, si la div est bien centrée, le top n'est toujours pas à 0, puis tous les autres élements de ma page sont centrés eux aussi !! Il semblerait que pour éviter cela je dois spécifier text-align:left à tous les élement de ma page
Bref, je pensais pas du tout me retrouver bloqué à ce stade, mais je n'arrive pas à centrer et positionner tout en haut du navigateur ce bandeau.
Je suis ouvert à tout aide et pardonnez-moi si la solution est vraiment enfantine.
Merci d'avance et à bientôt.
PS: j'utilise IE7 (je sais..)
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 201117 13 oct. 2008 à 19:22
Bonjour,
voir du coté des marges négatives...avec un DIV en position absolute exemple :
<html>
<head>
<style type="text/css">
div {
position : absolute;
top : 0;
/* la partie qui centre */ left : 50%;
margin-left : -350px;
margin-right : -350px;