Sujet Précédent Sujet Suivant

Centrer le contenu d'une feuille css

Fermé
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 - 29 avril 2013 à 15:05
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 - 29 avril 2013 à 16:22
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*/

2 réponses

Réponse 1 / 2
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
Modifié par gravgun le 29/04/2013 à 15:18
Le
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).
0
Réponse 2 / 2
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 15
29 avril 2013 à 15:17
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 :(
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
29 avril 2013 à 15:18
Zut... Le texte est-il contenu dans un autre élément type div ou span?
0
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 15
29 avril 2013 à 15:21
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..)
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
29 avril 2013 à 15:38
Le centrage de tableaux est encore plus dur.
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.
0
Cracotte_xp Messages postés 146 Date d'inscription jeudi 17 janvier 2013 Statut Membre Dernière intervention 15 août 2013 15
29 avril 2013 à 15:41
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..
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
29 avril 2013 à 15:48
Des retours à la ligne? "que la feuille était grande": le body n'occupe pas toute la largeur? Pourtant le "width:100%;" devrait suffire... J'ai vu que parfois "min-width:100%;" pouvait aider, mais pas sur.

Est-ce possible d'avoir un bout de code HTML pour voir?
0

Discussions similaires

Savoir de quel ville à été envoyé le message
pedro1209 -
Pierr10 -

7 réponses
Reporter valeur sur autre feuille avec critere
Otk168 -
via55 -

4 réponses
Youtube: Ce contenu n'est pasdisponible dans votre pays
nesrinedu30 -
Ref1 -

10 réponses
Feuille de score belote
nulleeninfo -
brucine -

7 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses