Centrer une page internet avec body

Résolu/Fermé
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 - 11 avril 2012 à 17:14
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 - 13 avril 2012 à 11:10
Bonjour,

Voilà mon css actuel :
body{
font-family: Kristen ITC, Perpetua, andalus;
font-weight : bold;
background-color : white ;
background-attachment : fixed;
background-repeat : repeat-y;
margin : auto;
width : 900px;
margin-bottom : 100px;
}

nav{
border : hidden;
width: 200px;
float : left;
}


Ma page est centrée sous IE, Firefox, Opera et Safari, mais pas sous Chrome.


J'ai essayer de mettre <body><center>...</center></body>
Ca va chez IE, Firefox et Safari.
Opera centre ma page est aussi tout mes textes.
Chrome me centre ma page mais pas mon menu (nav) ; et si j'enlève float : left le reste de ma page se retrouve sous le menu et non à côté.

Est-ce que quelqu'un saurait comment faire avec Chrome ?

Cordialement,
Sara.

5 réponses

Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 63
11 avril 2012 à 17:28
Correction avec <center> ça me centre tous mes textes sur les 5 navigateurs.
Mais mon menu reste à gauche avec Chrome.
0
Profil bloqué
11 avril 2012 à 17:35
text-align : center;

?
0
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 63
11 avril 2012 à 17:40
Non, tous mes textes sont centrés mais c'est tout.
0
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 63
11 avril 2012 à 17:39
Chrome me centre ma page pendant un dixième de secondes, quand je la recharge mais aussi il fait n'importe quoi.

SVP un coup de main parce que j'ai tout essayer.
0
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 63
11 avril 2012 à 17:41
IE, Firefox, Opera et Safari fonctionnent super bien, mais c'est juste Chrome qui plante.

Pourtant mon prof m'avait dit de me méfier de IE.
0
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 63
Modifié par Sara426 le 11/04/2012 à 17:51
Autre info si ça peut vous aider :
J'ai la même page en html et en php.
Celle en html est centrée.
Celle en php est un copier coller de l'autre juste que le css est là grâce à un include et elle n'est pas centrée.

J'ai recopier le css du html pour le body dans ma page php (vous me suivez ?)
Le même css, la même page et ça ne marche pas !!!!!!!
0
Profil bloqué
11 avril 2012 à 18:57
Mets ton css dans une page à côté et relie la à ta page, sinon ça va vite devenir très compliqué.

Sinon je ne vois pas bien ton problème, tu as mis un float left pour faire flotter ton bloc à gauche, donc c'est normal que l'autre flotte à droite. Il faut mettre un clear : both pour annuler ce flotté après.
0
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 63
12 avril 2012 à 18:24
J'ai fait un copier coller de mon css directement sur ma page et le problème est toujours là.

Le clear : both je le mets où ?
0
Profil bloqué
13 avril 2012 à 00:37
Tu le mets dans le css correspondant au div que tu souhaites ne pas voir flotter sur la droite, par exemple.

Quelques infos :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3#ss_part_1
http://www.css-faciles.com/mise-en-page.php
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Sara426 Messages postés 678 Date d'inscription mardi 6 octobre 2009 Statut Membre Dernière intervention 16 décembre 2015 63
13 avril 2012 à 11:10
C'est bon j'ai trouvé (mais pas compris)

Pour ceux qui auraient le même problème que moi avec Chrome c'est juste un problème avec le body.
Au lieu de faire le css sur le body, vous le remplacez par une grande div qui fait toute la page.

Et voilà il est content.

Merci pour votre aide mais je crois que des fois les ordinateurs sont vraiment énervants (sauf qu'ils gagnent toujours ces cons)

Encore merci.
0