differenze di stile tra IE9 e precedenti

**pietro09** · 18-03-2011, 09:23

Il codice di sotto mostra una tabella
Lo stile impostato funzionava bene con IE8, 7, 6 e altri (firefox, opera, chrome)

Con IE9 ho notato che viene ingrandita la pagina e non so se sia una particolarità del browser o lo stile che adotto non corretto.
Mi piacerebbe, nella seconda ipotesi, che mi aiutaste a modificare lo stile per visualizzare questa tabella in modo il più possibile identico con IE9 e predecessori e Mozilla.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        html, body
        {
            margin: 0px;
            padding: 0px;
        }
        .container
        {
            margin: 8px;
        }
        
        
        body
        {
            background-color: white;
            color: #000000;
            font-family: Verdana, Helvetica, sans-serif;
            font-size: 10pt;
            font-weight: normal;
            letter-spacing: normal;
            text-transform: none;
            word-spacing: normal;
        }
    </style>
    <style type="text/css">
        .a_colori_1 table
        {
            background-color: White;
            border: 1px #CC9966 solid;
            border-collapse: collapse;
            font-size: 10pt;
        }
        
        .a_colori_1 tr
        {
            color: #330099;
            background-color: White;
        }
        
        
        .a_colori_1 tr.header, .a_colori_1 tr th
        {
            color: #FFFFCC;
            background-color: #990000;
            font-weight: bold;
            text-align: center;
        }
        
        .a_colori_1 td, .a_colori_1 th
        {
            border: 1px #CC9966 solid;
            padding: 4px 4px 4px 4px;
        }
    </style>
</head>
<body>
    <form method="post" action="a.aspx" id="form1">
    <div class="container">
        <div class="a_colori_1">
            a_colori_1

            

            <table>
                <tr class="header">
                    <th>
                        Testa
                    </th>
                    <th>
                        Testa
                    </th>
                    <th>
                        Testa
                    </th>
                </tr>
                <tr>
                    <td>
                        Dati dati
                    </td>
                    <td>
                        Dati dati
                    </td>
                    <td>
                        Dati dati
                    </td>
                </tr>
                <tr>
                    <td>
                        Dati dati
                    </td>
                    <td>
                        Dati dati
                    </td>
                    <td>
                        Dati dati
                    </td>
                </tr>
                <tr>
                    <td>
                        Dati dati
                    </td>
                    <td>
                        Dati dati
                    </td>
                    <td>
                        Dati dati
                    </td>
                </tr>

            </table>
        </div>
    </div>
    </form>
</body>
</html>

**Mich_** · 18-03-2011, 10:14

Perche` definisci i font in pt?
E` una unita` di misura che non ha diretta corrispondenza sullo schermo: infatti e` fatta per la stampa dove i pt hanno significato tipografico.

Sullo schermo si usano essenzialmente px, em e %.

**pietro09** · 18-03-2011, 10:17

ok! ma è questo il problema?

**Mich_** · 18-03-2011, 10:45

ok! ma è questo il problema?

Credo dipenda da quello.

Infatti in IE (tutte le versioni) con la DTD che usi (transitional) le dimensioni dipendono dal contenuto.
E se i font sono diversi anche le dimensioni delle tabelle sono diverse.

Definire il font in pt per lo schermo e` un errore di impostazione logica, e va quindi corretto.

Ma per avere risultati congruenti nei vari browser dovresti comunque cambiare DTD:
- passa a XHTML 1.0 Strict, se vuoi compatibilita` anche con IE6/7;
- puoi pensare di usare HTML5 se vuoi proiettarti verso il futuro e non hai problemi con i browser piu` vecchi.

**pietro09** · 18-03-2011, 10:46

ci provo!

ciao

Discussione: differenze di stile tra IE9 e precedenti

Strumenti discussione

Ricerca discussione

Visualizza

differenze di stile tra IE9 e precedenti

Permessi di invio