Centrer le contenu d'une feuille css
Cracotte_xp
Messages postés
176
Statut
Membre
-
Cracotte_xp Messages postés 176 Statut Membre -
Cracotte_xp Messages postés 176 Statut Membre -
Bonjour, je re-poste une nouvelle fois car on ne m'a pas répondu la première fois, les "up" n'ont pas suffit et... peut-être que je me suis mal exprimé ?
J'ai fait une feuille CSS pour l'impression de données de l'entreprise où je suis en stage (factures, paiements, comptes...). Je désactive à l'affichage les boutons, les menus... tout ça nickel mais malgré tous mes efforts le contenu de la feuille n'est pas centré ! C'est comme si les menus de gauche que j'ai effacé avec display : none continuaient à prendre de la place sur la feuille !
Voici le code de ma feuille css... Merci de votre aide !!
/*FEUILLE D'IMPRESSION CSS : APERCU DE L'ECRAN*/
body
{
width:100%;
color:#FFF;
background-color:#DEDEDE;
margin:0 auto;
text-align:center;
font-size:1em;
overflow:hidden;
}
#header, #left, #right, #back, #noprint
{
display : none;
}
.boutonClassique
{
display : none;
}
.boutonValiderFormulaire
{
display : none;
}
.boutonImprimer
{
display : none;
}
/*FIN DE LA FEUILLE D'IMPRESSION CSS*/
J'ai fait une feuille CSS pour l'impression de données de l'entreprise où je suis en stage (factures, paiements, comptes...). Je désactive à l'affichage les boutons, les menus... tout ça nickel mais malgré tous mes efforts le contenu de la feuille n'est pas centré ! C'est comme si les menus de gauche que j'ai effacé avec display : none continuaient à prendre de la place sur la feuille !
Voici le code de ma feuille css... Merci de votre aide !!
/*FEUILLE D'IMPRESSION CSS : APERCU DE L'ECRAN*/
body
{
width:100%;
color:#FFF;
background-color:#DEDEDE;
margin:0 auto;
text-align:center;
font-size:1em;
overflow:hidden;
}
#header, #left, #right, #back, #noprint
{
display : none;
}
.boutonClassique
{
display : none;
}
.boutonValiderFormulaire
{
display : none;
}
.boutonImprimer
{
display : none;
}
/*FIN DE LA FEUILLE D'IMPRESSION CSS*/
A voir également:
- Centrer le contenu d'une feuille css
- Bruler feuille de laurier - Guide
- Comment imprimer en a5 sur une feuille a4 - Guide
- Feuille de pointage excel - Télécharger - Tableur
- Comment supprimer une feuille sur word - Guide
- Feuille de score belote excel - Forum Excel
2 réponses
Le
Et ça devrait marcher (peut-être).
margin:0 auto;sur le body n'est pas une bonne idée: le body n'a pas d'élément parent (sauf le <html>, pas vraiment utilisable dans le CSS) auquel se fier pour ses proportions. Retires-le.
Et ça devrait marcher (peut-être).
Je l'ai enlevé et ... aucun changement oO à croire que cette ligne servait à rien.
Je vois vraiment pas pourquoi mon texte est pas centré sur ma feuille css :(
Je vois vraiment pas pourquoi mon texte est pas centré sur ma feuille css :(
Oui, c'est en fait un tableau contenant plusieurs champs texte et une phrase et tout ceci est également centré sur la page d'origine.
Manque de pot, sur la page CSS le contenu apparaît serré sur le bord droit, et il ne fait pas la largeur de la page ! (le texte revient à la ligne tous les quart de page..)
Manque de pot, sur la page CSS le contenu apparaît serré sur le bord droit, et il ne fait pas la largeur de la page ! (le texte revient à la ligne tous les quart de page..)
Le centrage de tableaux est encore plus dur.
Pour centrer le texte dans les cellules, c'est
Pour centrer le texte dans les cellules, c'est
td {
text-align:center;
}Pour centrer le tableau, il faut le mettre dans un <div> avec le style suivant:div {
text-align: center;
}
div table {
margin: 0 auto;
text-align: left;
}En théorie un "margin-left: auto; margin-right: auto;" ferait l'affaire, mais ça ne semble pas être le cas sur tous les navigateurs.
Mais mon tableau est déja centré sur la page d'origine qui contient le bouton IMPRIMER c'est poru ça que je ne comprends pas pourquoi il est pas centré sur la feuille css... et pourquoi mon texte fait des retours à la ligne comme ça ! On dirait qu'il n'a pas compris que la feuille était grande lol, et il reste bloqué dans une zone prédéfinie..
