problema di visualzzazione con IE

**tziggie** · 19-07-2007, 20:23

Salve a tutti.

Ho un problema che spero sia risolvibile con un commento condizionale. Io non so se sono in grado di scriverlo, per cui posto...

Ho creato un sito di poche pagine (6) composto da header, parte centrale e footer. Mi è stato chiesto di mettere in ognuna di queste pagine un file .jpg -inizialmente si trattava di pagine pdf- che rappresenta il contenuto della pagina.

Per le pagine che si sviluppano verticalmente non ho nessun problema. L'ultima, che è in orizzontale (le proporzioni sono quelle di un A4), mi dà problemi con Internet Explorer. Mentre con FF, Safari e Opera il file jpeg si apre all'interno della parte centrale con una scrollbar orizzontale, in IE viene visualizzata la pagina in tutta la sua lunghezza, mandando al'aria tutti i miei buoni propositi di fare alla svelta.

Vi posto il css che riguarda la parte centrale (si tratta di tre tabelle un sopra l'altra)

codice:

table#text{
	width: 100%;
	border: solid 1px #ff6611; /*bordo arancione*/
	height: 475px;
	background: #ff6611; /**arancione**/
	padding: 1px;
	text-align: center;
	}
table#text td {
	border: solid 1px #ff6611;
	vertical-align: top;
	}
div.ovflow{
	width:100%;
	height: 475px;
	overflow: auto;
	padding: 10px;
	}

ed ecco il codice HTML

Codice PHP:


<html>

    <body>

    <div align="center">

        <div id="centro">

...// tralascio header

<table id="text" cellspacing="0">

            <tr>

                <td bgcolor="#ffffff">

                    <div class="ovflow">

                [img]file_page_6.jpg[/img]

                    </div>

                </td>

            </tr>

        </table>

...//tralascio anche footer

</div>

    </div>

    </body>

</html>

Spero che possiate aiutarmi.
Grazie a tutti, ciao

**fcaldera** · 19-07-2007, 21:39

se il problema riguarda tutte le versioni di IE dalla 5 in poi prova a scrivere

div.ovflow{
width:100%;
height: 475px;
overflow: auto;
*overflow : scroll;
padding: 10px;
}

**tziggie** · 19-07-2007, 23:15

Con scroll non funziona, maledetto IE.

Smanettando un po' mi sono accorto che IE interpreta di testa sua i padding di table#home td e il width 100% del div.ovflow . Però non so davvero come risolvere il problema.

**tziggie** · 20-07-2007, 00:55

Padding non c'entrava niente...

Apparentemente ho risolto aggiungendo, dopo vari calcoli approssimativi e immaginari, i seguenti parametri al div.ovflow:

*position:absolute;
*margin-left:-50%;
*overflow: scroll;

Credo che con margin-left: -50% allineo tutto sul margine sinistro in maniera esatta perché in table#text ho settato text-align:center.
Con Firefox non si presenta questo problema.

Che ne pensate? Può essere la soluzione giusta?

Vabé, se ho altri problemi vi scrivo

.
Ciao

Discussione: problema di visualzzazione con IE

Strumenti discussione

Ricerca discussione

Visualizza

problema di visualzzazione con IE

Permessi di invio