Centrer une page internet avec body
Résolu
Sara426
Messages postés
782
Statut
Membre
-
Sara426 Messages postés 782 Statut Membre -
Sara426 Messages postés 782 Statut Membre -
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.
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.
A voir également:
- Centrer body css
- Dans le document à télécharger, léa a utilisé 2 méthodes différentes pour centrer le nom des continents. lesquels sont centrés correctement ? - Forum C
- Css exposant ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- Win improper quit body ✓ - Forum Windows
- Fusionner et centrer excel grisé - Forum Bureautique
5 réponses
Correction avec <center> ça me centre tous mes textes sur les 5 navigateurs.
Mais mon menu reste à gauche avec Chrome.
Mais mon menu reste à gauche avec Chrome.
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.
SVP un coup de main parce que j'ai tout essayer.
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.
Pourtant mon prof m'avait dit de me méfier de IE.
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 !!!!!!!
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 !!!!!!!
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.
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.
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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.
?