Impression en CSS et lignes coupées

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Impression en CSS et lignes coupées

Alkor2001

Bonjour!

Je me suis mis assez récemment au CSS, et j'ai un problème avec ma feuille de style utilisée pour l'impression, dont voici le code:

Code :

/* Feuille de style destinée à l'impression */
body
{
margin: 0;
padding: 0;
background: #FFFFFF;
font-family:times;
font-size:11pt;
}
table
{
border-collapse:collapse;
font-family:times;
font-size:11pt;
color: #000000
}
h2
{
font-family:times;
font-size:14pt;
}
h3
{
font-family:times;
font-size:14pt;
text-align:center;
}
.titre_rubrique
{
position: absolute;
top: 0px;
left: 0px;
font-size:20pt;
text-align: center;
color: #000000;
}
.contenu
{
position: absolute;
z-index: 1;
top : 50px;
left : 0px;
padding: 5px;
/*border: 1px solid gray;*/
color: #000000;
width: 17cm;
}
a
{
color: #000000;
text-decoration: none;
font-weight: bold;
}
a:after {
content: " (" attr(href) " ) ";
font-weight: normal;
}
/* On cache tous les éléments qui ne doivent pas être imprimés */
#element_menu,#menu,.login,.entete
{
display:none;
}

La mise en page se fait bien, mais certaines lignes en fin de pages sont à moitié coupées verticalement, et l'autre moitié se retrouve en début de page suivante!

J'ai essayé de jouer avec les page-break, mais ça ne change rien à mon problème...
Si vous avez des solutions, n'hésitez pas à m'en faire part! :hello:

EDIT: Une solution semble être de passer le position:absolute en position:static, mais je trouve ça bourrin et ça risque de me flinguer la mise en page!

Message édité par Alkor2001 le 28-01-2005 à 11:47:04

---------------
J'aime pas Apple...

Publicité

gm_superstar

Appelez-moi Super

Ton texte est dans un tableau ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

FlorentG

Unité de Masse

Ouch si c'est dans un tableau, c'est pas trop la peine

Alkor2001

Mon texte peut être de tout type: tableaux, texte normal, images...
Ce sont des pages HTML tout ce qu'il y a de plus normal, ou des tabvleaux de données générés en PHP depuis une base de données...

---------------
J'aime pas Apple...

FlorentG

Unité de Masse

As-tu un exemple de ligne qui se retrouve coupée ? Ou un lien vers ton site ?

gm_superstar

Appelez-moi Super

Non parce que si ton texte est dans un tableau, c'est un bug d'IE qui peut éventuellement se résoudre : http://support.microsoft.com/defau [...] duct=ie600

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Alkor2001

FlorentG a écrit :

As-tu un exemple de ligne qui se retrouve coupée ? Ou un lien vers ton site ?

Mon site n'est pas encore en ligne...
Pour les lignes coupées, il s'agit de n'importe quelle ligne de texte si j'en ai plus d'une page, ou alors c'est une image qui se retrouve à cheval sur 2 pages, enfin ça peut être n'importe quoi!

Mais comme je l'ai précisé, tout ça a été réglé en utilisant un positionnement "static", j'aurais juste aimé avoir une solution fonctionnant en "absolute"...

gm_superstar -> Merci pour ton lien, je ne connaissais pas ce bug. Mais heureusement, ce n'est pas cela mon problème!

En tout cas merci pour votre aide! :hello:

---------------
J'aime pas Apple...

FORUM HardWare.fr

Programmation

HTML/CSS

Impression en CSS et lignes coupées

Sujets relatifs
[CSS] problème avec les id	[HTML/CSS] quelle méthode pour qu'une image s'adapte à la résolution ?
Etirer un background en CSS, spossible ?	lien pointant vers un fichier CSS !
CSS variable	menu en CSS, ok sous IE, caca sous firefox ????
[HTML/CSS] Problème entre Mozilla et IE	Positionnement calques CSS
[CSS] Et "site à la con"	Souci mise en forme CSS
Plus de sujets relatifs à : Impression en CSS et lignes coupées

Page générée en 0.027 secondes