28218 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai ajouté un bouton "imprimer" sur ma page pour faciliter l'impression.
Seulement, à l'impression sous Firefox, les div sont coupés et sous IE, c'est pire parce que seul le début de la page s'imprime

Avez-vous une idée pour résoudre ce problème ?

Voici ma page web : http://www.oenas.fr/page3.html

D'avance merci !
Modifié par Dgidge (25 Jan 2006 - 14:38)
Resalut Dgidge,

Je pensais simplement au document de typte .pdf, lu avec Acrobat Reader, tu ne connais pas ?

Remarque plus générale sur ta page (et qui peut aussi être liée à la question de l'impression) :

Pourquoi n'as tu pas construit cette partie de ta page avec un tableau ?
La mise en forme que tu essaies de faire avec ces données correspond précisément à celle d'un tableau : plusieurs lignes avec à chaque fois trois colonnes : une colonne avec le nom/réf., une colonne illustration correspondante, et la colonne composition.

http://www.openweb.eu.org/articles/problemes_tableaux/
Sur cette page, tu peux voir les problèmes que posent les tableaux. Si on prend point par point, je pense qu'il aurait plus intéressant dans ton cas d'utiliser un tableau.

- un tableau aussi simple et sans imbrication n'aurait posé aucun problème de lenteur

- pas de problème d'accessibilité je pense : le fait de travailler en ligne est pleinement approprié dans ce cas.

- Ca ne nuirait pas du tout à l'impression : toute cette partie est bien faite pour être imprimée et tu n'aurais pas eu ce problème de rognage ou de coupure. En effet, les lignes de tableau ne sont pas coupées sauf dans le cas d'une ligne plus grande qu'un page (pas ton cas)

- Ca n'aurait pas été plus couteux ou complexe à faire, tout au contraire : tu aurais sûrement gagné du temps. J'ai vu par exemple que tu as défini à chaque fois des marges ou padding spécifiques !.. dans une cellule de tableau, l'alignement vertical, c'est enfantin et automatique.

- ça n'aurait pas été plus lourd : Ce n'est pas intéressant du point de vue du poids de se passer des <td class=""> si c'est pour mettre autant de <div class=""> comme tu l'as fait.

En fait tu utilises des div pour imiter une mise en forme de type tableau. Autant alors utiliser un tableau, c'est fait pour ça.

Je ne sais pas ce qu'en pensent les autres?

A+
Alain.
Modifié par Alan (24 Jan 2006 - 18:52)
Là, au moins, ça a le merite d'être préci !!

Je n'ai jamais pratiqué les tableaux, mais pourquoi pas, si ça peut résoudre mon problème et être plus simple.

Je vais me pencher serieusement sur le problème de mise en page.

Quant au PDF, je connais.
J'ai même investi dans un logiciel spécifique mais je ne l'ai pas encore utilisé.
Ce que je ne maitrise pas, c'est comment faire pour transformer ma page HTML +CSS en PDF.

Merci Alain pour tes conseils
Si tu as déjà obtenu le résultat souhaité, il ne sert à rien de tout refaire.. surtout si c'est pour avoir le même rendu. D'autant plus que n'est que mon avis, et je ne suis pas une personne éclairée...

Transformer en PDF ? C'est quoi ton logiciel ?
C'est OFFICE ONE PDF de chez Mindscape 100% solution.

Je vais commencer par l'installer et puis je verais si le rendu est meilleur lorsque je lance l'impression via l'imprimante virtuelle PDF.
Si c'est mieux, je pourrais créer un lien vers cette page qui deviendra ma "version imprimable".

J'essaie et je reviens

A tout' !
Ok,

Je viens de me relire, et c'est une bêtise que dire que les lignes de tableau ne seraient pas coupées, disont qu'elles ne seraient pas "rognées", c'est à dire pas de perte de contenu.
Ca ne doit pas être lié à tableau ou pas. Peut être à la position flottante ? Faudrait faire des tests..
Bon , alors j'ai installé le logiciel, et j'ai imprimé au format PDF.
C'est idem..
Sous FF, j'ai 3 pages avec des bas de pages rognées
Sous IE, j'ai 3 pages : 1 page avec juste mon logo(puis un saut de page ?!? Smiley eek ), 1 page avec le debut de ma page web et pour finir 1 page avec rien !!!

Je suis donc partie pour faire un copier-coller de ma page web sous word, pour ensuite refaire une mise en page manuelle et terminer par une impression PDF

La fête quoi !
Voila, travail acomplit ! la solution de repli qui consiste à recréer la page web sous word est terminée. Je peux maintenant générer un fichier PDF sans rognage ni saut de page ni autre abération.

Cela ne m'explique toujours pas pourquoi l'impression d'une page web est aussi foireuse, ni pourquoi le CSS n'est pas reconnu par mon imprimante....