[CSS] - css per la stampa e IE6

**glimpse** · 16-05-2007, 23:25

Salve a tutti, ho un piccolo-grande problema; ho un foglio di stile che contiene un div con 6 div interni tutti con dimensioni standard (immaginate un grande div che contiene 6 contenitori (di immagini) disposti su tre righe) ... in sostanza tutto funziona perfettamente tranne quando si stampa da internet explorer 6 (explorer 7 o firefox non danno nessun problema) ...la cosa curiosa è che in fase di visualizzazione (a video) anche su explorer 6 tutto appare perfetto... avete qualche idea a parte evitare explorer6?

vi posto qualche estratto di CSS:

il div contenitore di tutto è:

#a4 {
width: 945px;
height: 1070px;
background-color:#FAEBD7;
border:1px;
border-style:solid;
}

mentre i div interni sono un'alternanza di:

#foto_left {
float:left;
width: 455px;
height: 345px;
background-color:#AADBD7;
border:1px;
border-style:solid;
margin: 5px 5px 5px 5px;
}

#foto_right {
float:right;
width: 455px;
height: 345px;
background-color:#AADBD7;
border:1px;
border-style:solid;
margin: 5px 5px 5px 5px;
}

**fcaldera** · 16-05-2007, 23:32

innanzitutto sarebbe buona regola separare i css per il video da quelli per la stampa, soprattutto quando - come nel tuo caso - hai elementi flottati.

In cosa consisterebbe l'errore nella stampa su IE6?

**glimpse** · 16-05-2007, 23:35

non vengono rispettate le dimensioni dei div e conseguentemente delle immagini (o viceversa) in sostanza le immagini sono enormi.... o meglio più grandi di come dovrebbero essere impaginate...

**glimpse** · 16-05-2007, 23:41

e per essere + precisi una tipica pagina (che si spagina) è:

<html>
<head>
<style type="text/css">
@import 'style.css';
</style>
</head>
<body>

<div id="a4">
<div id="foto_left">[img]1049_1.jpg[/img]</div>
<div id="foto_right">[img]1049_2.jpg[/img]</div>
<div id="foto_left">[img]1049_3.jpg[/img]</div>
<div id="foto_right">[img]1049_4.jpg[/img]</div>
</div>

</body>

</html>

**glimpse** · 21-05-2007, 23:00

up help

**Mich_** · 22-05-2007, 09:13

Hai definito delle dimensioni in px. Ma a cosa corrisponde un px sulla stampante?
La stampante riconosce le dimensioni pica (pc), oltre che mm, cm, in (pollici).
Ci puo` essere una corrispondenza tra px e pc, ma possono dipendere dalla stmpante.

Come suggeriva fcaldera, ti consiglio di
1. togliere le dimensioni dall'HTML e inserirle nel CSS (attenzione che la sintassi e` diversa)
2. fare un CSS specifico per la stampa (media="print") in cui definire le dimensioni in una unita` adatta.
(le due cose sono da fare una alla volta, controllando dopo il primo passo di avere lo stesso risultato a video)

Discussione: [CSS] - css per la stampa e IE6

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] - css per la stampa e IE6

Permessi di invio