Problema tabella con IE

29-01-2013, 21.23.57

Ciao ragazzi, vado subito al punto
guardate questa tabella con Firefox è perfetta
http://alessandro91mi.altervista.org...le-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...

Ps: sono riuscito a ridurre le dimensioni delle foto con i css da html non si poteva fare sicuramente c'è da cambiare il width:100% nel tag img{ del file sfondo.css

29-01-2013, 21.32.10

Io con IE10 lo vedo uguale come con firefox e chrome, mancano 3 foto nella parte in basso della tabella, controlla che il percorso sia corretto.

29-01-2013, 21.58.18

Ecco perchè... le vecchie versioni avranno qualke handicap come quello che ha inventato explorer
io l'ho provato con ie 9 e le foto si presentano grandi.
A proposito qual è la versione di IE usata ai tempi di oggi?

Per le foto mancanti non ti preoccupare quelle ancora non le ho messe.
Ma vorrei risolvere il problema di tutti coloro che usano versioni inferiori a 10 di IE
e visualizzano il sito.
Attendo ulteriori risposte
Grazie

29-01-2013, 22.09.19

Se riesci posta uno screenshot perché io non ho possibilità di controllare con IE9, comunque potresti usare un condizionamento

esempio Vedi qui

PS. la versione attualmente usata varia (purtroppo) dalla 6 alla 9, anche perché Windows 8 è uscito solo da qualche mese.

29-01-2013, 22.43.47

Ciao già mi hanno risolto il problema creando delle dimensioni fisse
metto lo script in caso può servire ad altri.

Codice:

<!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="./esterni-ridotte/est1.JPG"></td>
    <td><img src="./esterni-ridotte/est2.JPG"></td>
    <td><img src="./esterni-ridotte/est6.JPG"></td>
    <td><img src="./esterni-ridotte/est7.JPG"></td>
  </tr>
</table>
</body>
</html>

Grazie al gatto!

**karl94** · 29-01-2013, 22.44.13

Mmh, sbaglio o non vedo una dichiarazione di doctype in cima? Vedo però al suo posto un attributo language deprecato, dei br usati per fare un po' di spazio e una tabella per arrangiare le immagini a mo' di griglia. C'è ancora un po' di lavoro da fare.

Ecco, nell'ultimo codice hai messo la dichiarazione di doctype, per quello funziona.

29-01-2013, 23.35.36

ciao karl grazie per avermelo fatto notare infatti appena ho provato a mettere il css esterno non funzionava, poi ho inserito quella riga doctype in cima e ora funziona.
Si hai ragione sui br ecc.. è tutto un po abbozzato tra l'altro ancora manca la testata "residence delle stelle".
Poi ho un altro problema, se il cliente non vede il suo sito nella prima pagina di google addio soldi e sarà stato tempo perso.
Magari per il posizionamento apro una nuova discussione in un altra sezione. (consigliami tu in quale)

**karl94** · 30-01-2013, 00.00.26

http://forum.it.altervista.org/seo-o...ri-di-ricerca/
Prima però verifica che l'argomento non sia già stato trattato.

30-01-2013, 00.49.03

ok grazie karl

Discussione: Problema tabella con IE

LinkBack

Strumenti discussione

Display

Problema tabella con IE

risolto

Regole di scrittura