-
Problema tabella con IE
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
-
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.
-
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
-
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.
-
risolto
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!
-
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.
-
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)
-
http://forum.it.altervista.org/seo-o...ri-di-ricerca/
Prima però verifica che l'argomento non sia già stato trattato.
-