Bonjour a toutes et à tous,
je suis nouvelle sur ce forum, et je dois me mettre au CSS. (je suis plutot dev PHP).
J'ai un peu de mal a comprendre toutes les subtilités du CSS et notamment pour ce qui me préoccupe : l'impression.
J'ai une page qui doit être imprimable pour les internautes, et malheureusement, je ne parviens pas a faire quelque chose de correct. Je viens donc vous demander de l'aide.
Un document est imprimable sans surcharge et avec une meilleure répartition des données.
J'ai donc modifié quelques attributs, ce qui fonctionne.
Mon media print est bien pris en compte.
Mais lorsque j'imprime mon document (qui nécessite deux feuilles a l'impression), je n'ai qu'une feuille qui s'imprime, le reste de mon document étant tronqué en bas de page.
J'ai pas mal regardé ce matin sur divers sites afin de trouver une solution... en vain ...
voici le code CSS global
Bon, je ne comprends rien...ça s'imprime sur 2 pages maintenant !!! surement un problème de cache...Mais, je suis frustrée, je n'ai toujours pas compris ce qui bloquait...
J'ai juste passé des position : absolute en float...
Vous croyez que ça y ferait ???
Modifié par 3nityy (10 Jan 2007 - 10:24)
je suis nouvelle sur ce forum, et je dois me mettre au CSS. (je suis plutot dev PHP).
J'ai un peu de mal a comprendre toutes les subtilités du CSS et notamment pour ce qui me préoccupe : l'impression.
J'ai une page qui doit être imprimable pour les internautes, et malheureusement, je ne parviens pas a faire quelque chose de correct. Je viens donc vous demander de l'aide.
Un document est imprimable sans surcharge et avec une meilleure répartition des données.
J'ai donc modifié quelques attributs, ce qui fonctionne.
Mon media print est bien pris en compte.
Mais lorsque j'imprime mon document (qui nécessite deux feuilles a l'impression), je n'ai qu'une feuille qui s'imprime, le reste de mon document étant tronqué en bas de page.
J'ai pas mal regardé ce matin sur divers sites afin de trouver une solution... en vain ...
voici le code CSS global
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.80em;
font-weight: normal;
margin: 0px;
padding: 0px;
background:#ffffff;
background-position: top right;
background-repeat: repeat-y;
color:#000000;
}
/************
#logo {
margin: 1em 60px 0 60px;
padding: 1em 0 0 0;
position: absolute;
left: 170px;
}
/*************/
#content
{
margin: 1em 60px 0 60px;
text-align:justify;
padding: 1em 0 0 0;
width: 757px;
position: absolute;
left: 170px;
}
#titre{
margin: 1em 20px 0 60px;
}
.titre{
text-align: center;
background: #e10f84;
font-weight: bolder;
color:white;
font-size: 18px;
margin-top: 50px;
text-decoration: none;
}
div {
line-height: 1.5em;
vertical-align: top;
/*border: 1px solid black;*/
}
div .contenu , .resume {
margin-bottom: 20px;
}
div .contenu:first-letter , .resume:first-letter {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #000000;
margin: 1px;
padding: 1px;
text-transform:capitalize ;
margin-left:10px;
}
.aussi {
text-align: justify;
text-indent: 5px;
}
/* Réglage pour impression */
@media print {
/*@page { size: 8.5in 11in; margin: 2cm }*/
@page {
size: auto; /* auto est la valeur initiale */
margin: 10%;
}
* {
position : relative;
}
body {
font-size: 0.90em;
}
div {
border: 1px solid orange;
margin-bottom: 0px;
}
#logo {
margin: 0 0 0 0;
padding: 1em 0 0 0;
position: float;
left: 170px;
}
#content
{
margin: 0 10px 0 10px;
text-align:justify;
padding: 1em 0 0 0;
width: 1100px;
position: relative;
left: 20px;
}
.titre{
text-align: center;
background: #fff;
font-weight: bolder;
color:#e10f84;
font-size: 18px;
margin-top: 0px;
margin-bottom: 5px;
text-decoration: none;
border: 1px solid #e10f84;
}
}
Bon, je ne comprends rien...ça s'imprime sur 2 pages maintenant !!! surement un problème de cache...Mais, je suis frustrée, je n'ai toujours pas compris ce qui bloquait...
J'ai juste passé des position : absolute en float...
Vous croyez que ça y ferait ???
Modifié par 3nityy (10 Jan 2007 - 10:24)
) il peut être intéressant de :
