Problema tabella con IE

max_400 · 29 Gen 2013

Ciao ragazzi, vado subito al punto
guardate questa tabella con Firefox è perfetta
http://alessandro91mi.altervista.org/residence/residence-delle-stelle.html

poi guardatela con Internet Explorer e vedrete le foto giganti...

le foto sono regolate dal css il sito è autoridimensionabile, riducendo la finestra
le foto si ridimensionano diventando sempre più piccole, al contrario allargando la finestra
le foto si ingrandiscono....questo con Firefox ma con Explorer come faccio alì mortè?

nella prima foto cliccandoci sopra compare una pop-up al centro dello schermo,
in cui è possibile cambiare le varie foto all'interno della finestra

adesso vi do i codici
questo è del css

sfondo.css

Codice:

body{
background-color: #ffffff;
color: #000066;
face: "Arial";
}

img { 
//border: 2px solid #000066; 
//padding: 15px;
width:100%;
}
table{
border: 2px solid #000066; 
padding: 15px;

}
td{
border: 2px solid #000066; 
padding: 15px;
}

questo è della pagina html

residence-delle-stelle.html

Codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>collegamento al css</title>

<link href="sfondo.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="File.js"></script>

<script>
function NewWindow(mypage,myname,w,h,scroll){
mypage="foto1.html";
myname="banana";
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;

hhh=window.open(mypage,myname,'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable');hhh.focus();
}
</script>

</head>
<body>
<div align="center">
<h1>Prova</h1>



<table width="100%">
<tr>  <td align="center"><a href="#" onclick="NewWindow(this.href,'name','350','300','yes');return false"><img src="./esterni-ridotte/est1.JPG"></a></td>   <td align="center"><img src="./esterni-ridotte/est2.JPG" ></td>   <td align="center"><img src="./esterni-ridotte/est6.JPG" >   </td><td align="center"><img src="./esterni-ridotte/est7.JPG" ></td></tr>
<tr>  <td align="center"><img src="./esterni-ridotte/est8.JPG"></td>   <td align="center"><img src="./esterni-ridotte/est13.JPG"></td><td align="center"><img src="./esterni-ridotte/est10.JPG"></td><td align="center"><img src="./esterni-ridotte/est11.JPG" ></td></tr>
<tr>  <td align="center"><img src="./esterni-ridotte/est12.JPG"></td>  <td align="center"><img src="./esterni-ridotte/est.JPG" ></td><td align="center"><img src="./esterni-ridotte/est.JPG" ></td><td align="center"><img src="bmW.jpg" ></td></tr>
</table>


<br>
<br>
<br>

<input type="button" onClick="funzione();" value="somma">
</div>

</body>
</html>

Ps spero di non dover fare tutto da capo
ho bisogno una tabella ridimensionabile che funzioni con vari tipi di browser, in cui le foto si autoridimensionano.
La tabella deve occupare tutta la dimensione della pagina.

Grazie....e saluto il gatto!

borgo italia · 29 Gen 2013

ciao
cliccando sull'immagine => proprietà con
ff risulta:

600px × 400px (ridimensionata a 203px × 135px)

mentre con ie:

600px × 400px

come le riduci? con un js? File.js? se si per ie c'è qualche incompatibilità quindi più che html è un problema di js

WpStyle · 29 Gen 2013

Prova con

Codice:

img {
    vertical-align: middle;
    max-width: 100%;
}

Come codice non è che ci siamo molto...
Manca il Doctype, <div align="center"> ormai è una funzione deprecata dal w3c e dulcis in fundo perchè usi le tabelle?

max_400 · 29 Gen 2013

Ragazzi, grazie per la risposta ma non ci siamo...

@er gatto: js non serve in questo caso ho lavorato con css-html
anzi all'inizio ci avevo provato con html a ridimensionare le foto mettendo width=100% e non andava
poi ho provato con i css e finalmente ci sono riuscito...ma solo con Firefox.
Faccio la prova con Internet Explorer e viva sto caz... di nuovo foto grandi.
Come se IE non consideri le istruzioni dei css quindi ci vuole uno script alternativo al width=100%
per farlo entrare nella cucuzza di Internet Explorer cioè farlo riconoscere, maledetto programma di chi l'ha inventato.

@Egregio kodemondo: con lo script che mi hai suggerito non fnziona neanche con Firefox, utilizzo la tabella e la cornice intorno alla foto perchè cosi mi è stato richiesto dal cliente, e sempre il cliente vuole che la tabella o meglio tutta la pagina sia ridimensionabile e che prenda tutto lo spazio senza lasciare spazi ai lati.

Cari Topogigi e cari Felini, problemi di questo tipo ce ne sono stati diversi nelle varie discussioni solo che prima si trattava di una sola foto e l'abbiamo sempre risolto stavolta sono tante foto dentro una tabella.

Grazie per il vostro tempo e della vostra partecipazione nella risoluzione di questo problema.

Onorevoli...un bel inchino per voi
by Max_400

Jonn · 29 Gen 2013

A partire dal fatto che IE io mi domando perchè ancora esista.
Comunque sembra che il problema sia dato dal fatto che con

firefox:
La tabella prende il 100% delle dimensioni della finestra, e le immagini vengono ingrandite il più possibile entro le dimensioni delle celle.

internet explorer:
La proprietà width:100% delle immagini sopravvale sulla proprietà witdh:100%; della tabella.

In poche parole secondo me è un problema di priorità nel ridimensionamento,
su firefox come (quasi) logico tutto funziona alla perfezione.
Su IE prima prende l'immagine la proprietà larghezza 100% quindi larghezza originale e forza la tabella ad allargarsi per contenerla, in più se questo non basta a riempire la pagina, la tabella si allarga ancora di più fino a riempira (niente di strano).

Ovviamente sono idee strettamente personali, ma io ti posso dire che oramai i test li faccio solo con FF, Safari e Chrome, IE per me può andare hai capito dove XD.

Io comunque se posso darti un consiglio, strutturerei la tabella con le div... quelle non si fregano, se una div è 100%, è 100% senza fiatare XD.

max_400 · 29 Gen 2013

ciao jonn e grazie per la risposta.
La tua analisi è corretta hai centrato il problema.
Purtroppo IE è usato dovunque come un incubo, a scuola usano IE,
la cliente che mi ha ordinato questo sito usa IE e anche mezza italia
userà sta merda di IE che usa una sua particolare logica nell'impostare i suoi comandi.

Comunque il problema si deve risolvere o dovrò lasciar perdere l'autoridimensionamento
ed usare misure fisse. Con i DIV non saprei ma mi secca andare per tentativi, il mio intuito mi dice
che la soluzione ce l'ho sotto il naso ma non riesco a trovarla.
Dovrò studiare i css secondo il "Vangelo" di IE. :book:

Intanto ringrazio tutti per il vostro supporto.

borgo italia · 29 Gen 2013

ciao
tralasciando l'inutile discussione se sia meglioie o ff o chro (discussione assurda perche il laiout deve adattarsi comunque), prova con questo (simile)

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<style type="text/css">
img { 
//border: 2px solid #000066; 
//padding: 15px;
width:100%;
}
table{
border: 2px solid #000066; 
padding: 15px;
width:100%;
}
td{
width:25%;
border: 2px solid #000066; 
padding: 15px;
}
</style>
</head>

<body>
<table width="80%"  border="0" cellspacing="0" cellpadding="2">
  <tr>
    <td><img src="../../_0_BORGO-ITALIA/gli_speciali/file-castello_manta/manta-010.jpg"></td>
    <td><img src="../../_0_BORGO-ITALIA/gli_speciali/file-castello_manta/manta-030.jpg"></td>
    <td><img src="../../_0_BORGO-ITALIA/gli_speciali/file-castello_manta/manta-040.jpg"></td>
    <td><img src="../../_0_BORGO-ITALIA/gli_speciali/file-castello_manta/manta-050.jpg"></td>
  </tr>
</table>
</body>
</html>

p.s.
l'immagine più larga ha w=660px, la più alata h=550px

Jonn · 29 Gen 2013

Secondo me le larghezze fisse comunque sono meglio.

Fai la tabella a larghezza % e le immagini a dimensione fissa.
Penso sia più professionale avere delle anteprime delle immagini che magari si vedono peggio ma a dimensioni fisse piuttosto che anteprime che si vedono perfettamente ma a dimensioni tutte diverse.

max_400 · 29 Gen 2013

No, dobbiamo usare le foto ridmensionabili, niente di fisso, già di fessi siamo noi a non risolvere un semplice problema.

Mi sono arrivate nuove informazioni in questo momento...
Sembra che coloro che abbiano un versione superiore al 9 di IE funzionano correttamente
quindi è un handicap delle vecchie versioni, io infatti ho la versione 9 di IE.
In ogni caso il problma si deve risolvere.

Sono ancora in attesa di ulteriori informazioni.
Grazie

Jonn · 29 Gen 2013

Leggi la risposta di Borgo, ho provato anche io con il codice che ha scritto lui e funziona.

max_400 · 29 Gen 2013

Si ho provato lo script del gatto ed è ok con entrambi i browser... :mavieni:
può andare bene :fonzie:

Bravo er gatto! :elvis:

Cerca

Cerca

Problema tabella con IE

max_400

Utente Attivo

borgo italia

Super Moderatore

WpStyle

Utente Attivo

max_400

Utente Attivo

Jonn

Utente Attivo

max_400

Utente Attivo

borgo italia

Super Moderatore

Jonn

Utente Attivo

max_400

Utente Attivo

Jonn

Utente Attivo

max_400

Utente Attivo

Discussioni simili