compatibilità tra IE 6.0 (XP) e XHTML

**graziagentile** · 07-10-2003, 12:09

Ho convertito una pagina in XHTML, ma ho seri problemi a visualizzarla con IE 6.0. La stessa pagina con Mozilla viene caricata in modo + corretto. Mi chiedevo se ci sono problemi di incompatibilità tra IE 6.0 e XHTML.
Qualcuno ne sa qualcosa? se serve posso entrare + nello specifico del problema.
grazie anticipatamente

**Mich_** · 07-10-2003, 12:21

IE6 non supporta completamente i CSS del W3C (usa una specie di dialetto, per compatibilita` conle versioni precedenti).

Comunque posta i CSS che ti danno problemi, che vediamo se si riesce ad aggirare il problema.

Ciao
Michele

**graziagentile** · 07-10-2003, 12:44

Ti inoltro tutto il codice della pagina JSP in questione. Ho provato a commentare il link al CSS, ma non è cambiato nulla. Il browser visualizza sempre una pagina completamente vuota.

Di seguito ti mando anche il codice HTML prodotto dal browser
grazie

<%@ page language="java" import="
biz.interprosrl.repo.*,
org.apache.log4j.Logger
"%>
<%@ taglib uri="/tlds/c.tld" prefix="c" %>
<%@ taglib uri="/tlds/c-rt.tld" prefix="c_rt" %>
<%@ taglib uri="/tlds/dbutil.tld" prefix="dbutil" %>
<%@ taglib uri="/tlds/repo.tld" prefix="repo" %>

<% Logger logger = Logger.getLogger ("clienti_scelta_cliente.jsp");%>

<jsp:useBean id="conMan" scope="page" class="biz.interprosrl.repo.ConnectionManager" />

<jsp:useBean id="userInfo" scope="page" class="biz.interprosrl.repo.UserInfo">
<jsp:setProperty name="userInfo" property="remoteUser" value="<%= request.getRemoteUser() %>" />
<jsp:setProperty name="userInfo" property="connection" value="<%= conMan.getConnection() %>" />
</jsp:useBean>

<%-- Prelevo l'elenco delle commesse associate all'utente --%>

<jsp:useBean id="commesse" class="biz.interprosrl.repo.CommessePaginaOreList" >
<jsp:setProperty name="commesse" property="userName" value="<%= request.getRemoteUser() %>" />
<jsp:setProperty name="commesse" property="connection" value="<%= conMan.getConnection() %>" />
</jsp:useBean>

<%--
<?xml version="1.0" encoding="iso-8859-1" ?>
--%>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
--%>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/ECMAScript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<title>Nuova Pagina Ore</title>
<link href="../Repo.css" rel="stylesheet" type="text/css" />
<script src="../pagina_ore.js" type="text/ECMAScript" />
</head>

<body style="font-family: Arial Narrow; font-size: xx-small;">

Pagina Ore</p>

<a href="http://validator.w3.org/check/referer">
[img]valid-xhtml11.png[/img]
</a>
</p>

<div class= "div_menu">
<repo:repo_menu
secIndex="<%= RepoMenuTag.RM_SEC_REPORTORE %>"
subSecIndex="<%= RepoMenuTag.RM_SUBSEC_REPORTORE_MAIN %>"/>
</div>

<table style="width:700">
<tr>
<td colspan="7" style="text-align:right">
<span class="username">
<c

ut value="${userInfo.sqlNome} ${userInfo.sqlCognome}" />
</span>
</td>
</tr>
</table>

<form id="frm_ore" action="action" >
<table id="contenuto" style="text-align:left;border: solid cyan;">

<tr>
<td/>
<td>Codice - Cliente - Commessa</td>
<td style="width:10">Ore Ord.</td>
<td style="width:10">Ore Str.</td>
<td style="width:10">Ore Viag.</td>
<td style="width:10">Dettaglio </td>
<td/>
</tr>
<tr id="riga0" style="text-align:left;background-color:red;display:block ">
<td style="text-align:left;border:solid green">
[img]..\down_arrow.png[/img]
</img>
</td>
<td style="text-align:left">
<select id="commesse0" class="body_style" name="commesse0" >
<option selected="selected" value="-1"> Scelta commessa </option>
<c:forEach var="sqlIdComm" items="${commesse.sqlIdComm}" varStatus="status">
<option value="<
c

ut value="${sqlIdComm}"/>">
<c

ut value="${commesse.sqlCodComm[status.index]} - ${commesse.sqlDenominazioneCli[status.index]} - ${commesse.sqlNomeComm[status.index]}" /> </option>
</c:forEach>
</select>
</td>
<td style="text-align:left"
<input type='text' id='r0_c0' maxlength='3' size='2'></input>
</td>
<td style="text-align:left"
<input type='text' id='r0_c1' maxlength='3' size='2'></input>
</td>
<td style="text-align:left"
<input type='text' id='r0_c2' maxlength='3' size='2'></input>
</td>
<td style="text-align:left"
<input type='text' id='r0_c3' size='50'></input>
</td>
<td style="text-align:left; background-color:yellow;"
[img]..\up_arrow.png[/img]
</img>
</td>
</tr>

<tr>
<td colspan="7">

Parziale</p>
<input type='text' id='t1' value='0' size='2' readonly="readonly" ></input>
<input type='text' id='t2' value='0' size='2' readonly="readonly" ></input>
<input type='text' id='t3' value='0' size='2' readonly="readonly" ></input>

Totale</p>
<input style="text-align:center" type="text" readonly="readonly" id="totgen" value="0" size="16"></input>
</td>
</tr>
</table>
</form>
<% conMan.close(); %>
<%@include file="bottom_bar.html" %>

</body>
</html>

CODICE HTML

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/ECMAScript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<title>Nuova Pagina Ore</title>
<link href="../Repo.css" rel="stylesheet" type="text/css" />
<script src="../pagina_ore.js" type="text/ECMAScript" />
</head>

<body style="font-family: Arial Narrow; font-size: xx-small;">

Pagina Ore</p>

<a href="http://validator.w3.org/check/referer">
[img]valid-xhtml11.png[/img]
</a>
</p>

<div class= "div_menu">
<table style="width: 700px" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align:left"> <span class="titolo_app">Sistema di Gestione delle Commesse</span> </td> <td style="text-align:right; height:42px" valign="top" >[img]../interpro.png[/img]</img></td>
</tr>
</table>
<table style="width: 700px" cellspacing="0" cellpadding="0" class="repo_menu repo_menu1_bg">
<tr>
<td style="text-align:left"><table cellspacing="0" cellpadding="2" class="repo_menu repo_menu1_bg"><tr>
<td class="repo_menu1_sel">
<span class="repo_menu1_sel">Report Ore</span>
</td>
<td class="repo_menu1_bg">
<span class="repo_menu1_fg">Commesse</span> </td>
<td class="repo_menu1_bg">
<span class="repo_menu1_fg">Gestione Commerciale</span> </td>
</tr></table></td>
<td style="text-align:right"><table cellspacing="0" cellpadding="2" class="repo_menu repo_menu1_bg"><tr>
<td class="repo_menu1_bg">
<span class="repo_menu1_fg">Cambio Password</span> </td>
<td class="repo_menu1_bg">
<span class="repo_menu1_fg">Logout</span>
</td>
</tr></table></td>
</tr>
</table>
<table style="width: 700px" cellspacing="0" cellpadding="0" class="repo_menu repo_menu2_bg">
<tr><td style="text-align:left"><table cellspacing="3" cellpadding="0" class="repo_menu repo_menu2_bg">
<tr>
<td class="repo_menu2_bg"></td>
</tr></table></td></tr>
</table>

</div>

<table style="width:700">
<tr>
<td colspan="7" style="text-align:right">
<span class="username">
amministratorone admin
</span>
</td>
</tr>
</table>

<form id="frm_ore" action="action" >
<table id="contenuto" style="text-align:left;border: solid cyan;">

<tr>
<td/>
<td>Codice - Cliente - Commessa</td>
<td style="width:10">Ore Ord.</td>
<td style="width:10">Ore Str.</td>
<td style="width:10">Ore Viag.</td>
<td style="width:10">Dettaglio </td>
<td/>
</tr>
<tr id="riga0" style="text-align:left;background-color:red;display:block ">
<td style="text-align:left;border:solid green">
[img]..\down_arrow.png[/img]
</img>
</td>
<td style="text-align:left">
<select id="commesse0" class="body_style" name="commesse0" >
<option selected="selected" value="-1"> Scelta commessa </option>

<option value="2028">
03023 - AA - AAAAAA </option>

<option value="2031">
03025 - Dass"oghe Corp''' - AAAAAAA </option>

<option value="1415">
03001 - cliente 777 - prova </option>

<option value="1452">
03004 - cliente 777 - prova commerciale </option>

<option value="1467">
03005 - cliente 777 - prova2 </option>

<option value="1777">
03009 - cliente 8 - 6 </option>

<option value="1418">
03002 - cliente 9 - sbiellamento </option>

<option value="1427">
03003 - cliente11 - pranzo2 </option>

</select>
</td>
<td style="text-align:left"
<input type='text' id='r0_c0' maxlength='3' size='2'></input>
</td>
<td style="text-align:left"
<input type='text' id='r0_c1' maxlength='3' size='2'></input>
</td>
<td style="text-align:left"
<input type='text' id='r0_c2' maxlength='3' size='2'></input>
</td>
<td style="text-align:left"
<input type='text' id='r0_c3' size='50'></input>
</td>
<td style="text-align:left; background-color:yellow;"
[img]..\up_arrow.png[/img]
</img>
</td>
</tr>

<tr>
<td colspan="7">

Parziale</p>
<input type='text' id='t1' value='0' size='2' readonly="readonly" ></input>
<input type='text' id='t2' value='0' size='2' readonly="readonly" ></input>
<input type='text' id='t3' value='0' size='2' readonly="readonly" ></input>

Totale</p>
<input style="text-align:center" type="text" readonly="readonly" id="totgen" value="0" size="16"></input>
</td>
</tr>
</table>
</form>

<table style="text-align:center" border="0" width="700" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="center"><hr /></td>
</tr>
<tr>
<td align="left">
[img]../tomcat-power.gif[/img]</img>
</td>
<td align="right">
[img]../pg-power.jpg[/img]</img>
</td>
</tr>
</table>

</body>
</html>

**Pasco** · 07-10-2003, 12:51

Sviluppo siti web XHTML su Macintosh e quando devo andare a testare la pagina su IE diventa un vero incubo , non si capisce con quale concetto interpreti i CSS , su Mozilla e Safari invece nessun problema

**Mich_** · 07-10-2003, 14:34

Originariamente inviato da graziagentile
Ti inoltro tutto il codice della pagina JSP in questione. Ho provato a commentare il link al CSS, ma non è cambiato nulla. Il browser visualizza sempre una pagina completamente vuota.

Di seguito ti mando anche il codice HTML prodotto dal browser
grazie

Hai postato un codice lunghissimo, ma non le informazioni che ti ho chiesto.

Per poterti dare una mano servono i codici CSS, che nel tuo caso sono racchiusi in un file a parte: "../Repo.css"

**graziagentile** · 07-10-2003, 14:48

ok, io ti mando il codice di repo.css,però ti preciso che ho provato a commentare il link al CSS, ma non è cambiato nulla...

/* Stile per i fieldset */
.fieldset_style {
width: 700px;
}

/* Stile per menu */
.repo_menu {
font-size: 8pt;
font-family: arial;
font-weight: bold;
}
.repo_menu1_bg {
//background-color:#888888;
// background-color:#87CEEB;
background-color:#00BFFF;
text-decoration:none;
}
.repo_menu1_fg {
//color: #DDDDDD;
// color: #2773be;
color: #FFFFFF;
text-decoration:none;
}
.repo_menu2_bg {
background-color:#2773be;
text-decoration:none;
}
.repo_menu2_fg {
color: #FFFFFF;
text-decoration:none;
}
.repo_menu1_sel {
// color:#eeba06;
color:#FFFFFF;
background-color:#2773be;
text-decoration:none;
}
.repo_menu2_sel {
// color:#2773be;
// background-color:#eeba06;
color:#2773be;
background-color:#FFFFFF;
text-decoration:none;
}
.div_menu{
text-align:center;
}

/* Stile per il titolo dell'applicazione */
.titolo_app {
font-family: Tahoma;
font-size: 18pt;
/* font-weight: bold;
font-style: italic;
text-decoration: underline;
*/ color: #2773be;
}

/* Stile per body*/
.body_style {
font-family: Verdana, sans-serif;
font-size:10pt;
}

/* Stile per body Storico Visite*/
.body_style_storico_visite {
font-family: Verdana, sans-serif;
font-size:8pt;
}

/*Stili della set_costi_globali*/
.txt_spese_generali {
text-align:center;
font-family: Verdana, sans-serif;
font-size:10pt;
}
.txt_utente_tariffe {
border-width: 0px;
font-family: Verdana, sans-serif;
font-size: 10pt;
}
.span_style {
font-size: 8pt;
font-family: Microsoft, sans-serif;
}
.msg_spese_gene_style{
font-size: 10pt;
font-family: Verdana,sans-serif;
}
.txt_costo_orario {
width: 50;
text-align: right;
font-family: Verdana, sans-serif;
font-size: 10pt;
}
.barra_style {
width: 1;
background-color:#2773be;
}
.barra_risorse {
width: 2;
background-color:#2773be;
}

/*Stili di repo_main*/
.tab {
background-color: #D3D3D3;
}
.td {
vertical-align :middle;
}
.tabella {
border: solid black;
border-width: 0 1 1 0;
padding: 1 2 1 3;
}
.tabella_select {
border: solid black;
border-width: 1 0 1 1;
padding: 1 2 1 3;
}
.tabella_submit {
border: solid black;
border-width: 1 1 1 0;
padding: 1 2 1 3;
}
.cella_tabella_bianca {
border: solid black;
border-width: 1 0 0 1;
padding: 1 2 1 3;
line-height: 0.9;
}
.cella_tabella_grigio_chiaro {
background-color: #f0f0f0;
border: solid black;
border-width: 1 0 0 1;
padding: 1 2 1 3;
}
.cella_tabella_grigio_scuro {
background-color: #D3D3D3;
border: solid black;
border-width: 1 0 0 1;
padding: 1 2 1 3;
}

/*Stili scelta_commessa*/
.text_style{
height:20;
overflow : hidden;
text-align : right;
font-family: Verdana, sans-serif;
font-size: 10pt;
}

/*Stili di commessa_main*/
.td_border{
border-bottom:'0.01cm solid gainsboro';
}
.link_top{
font-size:x-small;
font-weight:bold;
color

urple;
text-decoration:underline;
}

/*Stili per open_commessa*/
.text{
height:20;
overflow:hidden;
text-align : right;
align:center;
}

/* Stile del fieldset in msg_open_commessa, open_commessa e change pass. */
.fieldset_style_2 {
width: 500;
}

/* Stili per report_commessa*/
.cella_tabella_bianca {
border: solid black;
border-width: 1 0 0 1;
padding: 1 2 1 3;
line-height: 0.9;
}
.cella_tabella_grigio_chiaro {
background-color: #f0f0f0;
border: solid black;
border-width: 1 0 0 1;
padding: 1 2 1 3;
}
.th {
background-color: #D3D3D3;
}
.cella_tabella_grigio_scuro {
background-color: #A9A9A9;
border: solid black;
border-width: 0 0 0 0;
padding: 1 2 1 3;
}

.username {
font-size: 8pt;
font-family: arial;
font-weight: bold;
}

.box_readonly {
border-width: 0px;
}

.testate {
background-color: #A9A9A9;
border: solid black;
border-width: 0 0 0 0;
padding: 1 2 1 3;
}

**Mich_** · 07-10-2003, 14:59

Anzitutto ci sono degli errori nel file: il commento nei CSS va fatto con */ ... /* e non come negli script //...
(ma magari qualche browser riconosce anche quello).

Se in un caso come il tuo togli il CSS fai ulteriori danni, dato che e` necessario per la formattazione.

Poi ho notato che alcuni browser non riconoscono la sintassi:
padding: 1 2 1 3;
(e` un baco dei browser, ma dobbiamo tenerne conto)

mentre invece riconoscono:
padding-top:1; padding-right:2; padding-bottom:1; padding-left:3;
(credo sia questo l'ordine corretto, ma non ne sono sicuro)

Ciao
Michele

**graziagentile** · 07-10-2003, 15:04

ho provato a fare le modifiche da te suggerite, ma non è cambiato nulla...grazie comunque! hai altri suggerimenti?

**Mich_** · 07-10-2003, 16:29

Ho dato un'altra occhiata al codice, ed ho trovato delle cose che ritengo sbagliate. Ad esempio:
<tr>
<td style="text-align:left"><table cellspacing="0" cellpadding="2" class="repo_menu repo_menu1_bg"><tr>
<td class="repo_menu1_sel">
<span class="repo_menu1_sel"> Report Ore </span>
</td>

Qui apri il tag <tr>, poi apri il tag <td> poi apri ancora un altro tag <tr>, dentro al quale un nuovo <td>

Un annidamento dei tag siffatto non e` corretto, per cui qualche browser potrebbe non capire piu` nulla.

Se non trovi questo tipo di errori da sola, puoi provare a far passare la tua pagina per un validatore HTML (ad esempio quello del W3C o Tidy).

Ciao
Michele

**graziagentile** · 08-10-2003, 08:53

Ti ringrazio ancora per l'aiuto, comunque mi sono dimenticata di dirti che avevo già passato il mio codice ad un validatore XHTML e il tutto risulta valido.
ciao e grazie di nuovo

Discussione: compatibilità tra IE 6.0 (XP) e XHTML

Strumenti discussione

Ricerca discussione

Visualizza

compatibilità tra IE 6.0 (XP) e XHTML

Permessi di invio