Margini foglio di stampa con tabelle

[mosquito70]

Salve a tutti,
è possibile definire i margini (per una stampa) di una pagina strutturata già attraverso tabelle e non CSS.

Attualmente definisco la tabella principale nel seguente "classico" modo:

<table border=""0"" width=""100%"" cellspacing=""0"" cellpadding=""0"">
....etc...

La tabella presenta due colonne e una sola riga. Inoltre la struttura si ripete per n-pagine, con il relativo page-break.

Insomma, niente di particolare e (caso raro ) il tutto funziona, compresa la stampa entro i margini standard di IE (i classici 19,05).

Ma se volessi "occupare" più spazio nel foglio, senza dover riscrivere il tutto con i CSS. Ovvero impostare dei margini prima di definire la tabella, che valgono per tutta la struttura.

Si potrebbe fare?

Grazie mille e complimenti ancora per questo forum, pieno di utilissime informazioni.



ps. Deve funzionare almeno su IE

[mosquito70]

studiando un pò sul sito ho trovato questo

@page {size: 210mm 297mm; margin: 30mm;}

al link http://<a href="http://css.html.it/g...ia-styles/</a>

Ma non ho capito come (e se posso) applicarlo nel mio caso.

Mi risolverebbe un sacco di problemi

Qualcuno sa darmi una mano?

[mosquito70]

Finalmente ho capito, cercando sul forum, che questa direttiva funziona solo su Opera...mentre a me mi serve che funzioni almeno su IE...alla faccia degli standard VVoVe:

Pensavo di fare in questo modo, per far si che la larghezza della colonna (sono due) sia di 9,5 cm e non di 9 come è attualmente (quest'ultima entra perfettamente in foglio a4 e sono riuscito anche a gestire il salto pagina in modo corretto).

Per fare questo pensavo appunto di diminuire il margine destro e sx della mia pagina di stampa.
Stavo facendo delle prove:

div#container { width: auto; margin: 0; }

e poi prima della tabella principale, semplicemente così

<div id="container"

Ma credo che sono fuori strada.
Conosco poco i fogli di stile e purtroppo (come al solito) il cliente incombe.

Sapete come posso risolvere la questione?

[mosquito70]

Ho provato anche così

[CODE]
div#container {left:20px; right=5px; }
[/CODE

e poi

<div id=""container"">
<table border=""0"" width=""100%"" height=""10%"" cellspacing=""1"">

Ma niente. Il margine rimane sempre identico a quello che non presenta la classe container

Dov'è che sbaglio?

[mosquito70]

Ho provato anche impostando il valore in cm,
prima con 9.5 e poi con 8, come nell'esempio seguente

div#conteiner {border-left:8cm; border-right:8cm; }

... 

<div id="conteiner"> 
<table border=""0"" width=""100%"" height=""10%"" cellspacing=""1"">
...

ma anche in questo caso nessun risultato.

[salasir]

Qui non trovi niente che ti serve?

Preparare un CSS per la stampa

[mosquito70]

Già conoscevo questo link, grazie.

Purtroppo non riesco a trovare una soluzione per modificare i margini della stampa.





e grazie per la risposta

Paolo

[salasir]

Forse la domanda è superflua e ovvia, ma hai preparato e stai lavorando con un CSS apposito per la stampa?

[mosquito70]

in che senso, scusa?
che vuol dire?

hai preparato e stai lavorando con un CSS apposito per la stampa

Scusa, ma sono poco esperto di CSS per la stampa.

Forse la tua domanda non era proprio così banale :rollo:

Mi puoi dire come devo procedere, nei dettagli?

Grazie

[salasir]

Nel link che ti ho indicato, all'inizio si parla di ridefinire il CSS del video per la stampa.

<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">

In pratica, oltre ad indicare il link al tuo normale foglio di stile in cui definisci il layout e la formattazione della tua pagina a video, basta definire un secondo CSS con la specifica media="print" nel quale modifichi tutto e solo quello che ti serve per la stampa.

Per esempio puoi eliminare dalla stampa l'header ed il footer e/o il menù di navigazione

div#menu,
div#testata,
div#navigation,
div#footer { display : none; }

ridimensionare i caratteri dei titoli, eliminare oggetti, inserire alcune caratteristiche proprie per la stampa come la dimensione in pt per il font

body {font-size: 12pt;}
img { page-break-inside: avoid; }
* { float : none; position: static;}

eccetera.

Così puoi impostare i margini e le dimensioni del container (per esempio) diverso da quelli del video

div#container, div#content, div#titolo { width: auto; margin: 0; }