Ciao a tutti,
ho un problema con la visualizzazione in Firefox 1.0.2: ho fatto un semplice file xhtml di prova con css relativo, li ho validati, e con IE6 tutto funziona, ma con Firefox no: sembra non vedere assolutamente il CSS (non si vedono i colori e la struttura della pagina).
Qualcuno sa aiutarmi. Grazie in anticipo
ecco i file:
home.html:
<?xml version="1.0" encoding="us-ascii"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="script/registrazione.js"></script>
<meta http-equiv="Content-Type" content="text/xml; charset=us-ascii"></meta>
<link rel="stylesheet" type="text/css" href="styleEcommerce.css" />
<title>Home</title>
</head>
<body>
<div id="bloccoHeader">
<h1>TITOLO</h1>
</div>
<div id="bloccoLink">
<h2>Barra link</h2>
</div>
<div id="bloccoLogin">
<table cellspacing="2" cellpadding="3" border="0" width="100%">
<tr>
<td>
<table cellspacing="3" cellpadding="2" border="0" width="100%">
<tr>
<td><h2>Login</h2></td>
</tr>
<tr>
<td>
<form action="loginservlet" method="get">
<table cellspacing="2" cellpadding="3" border="0" width="100%">
<tr>
<td>User ID:</td>
<td><input type="text" name="userid" /></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<td><input class="reset" type="reset" name="reset" value="Reset" /></td>
<td><input class="submit" type="submit" name="submit" value="Login" /></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<!-- <td><a href="view/Registrazione.jsp">Registrazione</a></td>-->
<td><a href="javascript:popup()">Registrazione</a></td>
</tr>
</table>
</div>
<div id="formVisualizzaFilm">
<form action="mainservlet" method="post" >
<p><input class="submit" type="submit" value="Visualizza" name="Visualizza" /></p>
</form>
</div>
<div id="validazione">
<p>
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" />
</a>
</p>
</div>
</body>
</html>
styleEcommerce.css:
BODY
{
BACKGROUND-COLOR:rgb(102,102,255);
COLOR: black;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H1
{
COLOR:Black;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: x-large;
FONT-WEIGHT: bolder;
TEXT-TRANSFORM: capitalize;
}
H2
{
COLOR:Black;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: large;
FONT-WEIGHT: bolder;
TEXT-TRANSFORM: capitalize;
}
H3
{
COLOR: navy;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: large;
FONT-WEIGHT: lighter;
TEXT-TRANSFORM: capitalize;
}
DIV#bloccoHeader {
TEXT-ALIGN: "center";
}
DIV#bloccoLink {
TEXT-ALIGN: "center";
}
DIV#bloccoLogin {
background-color: rgb(204,204,255);
TEXT-ALIGN: "center";
WIDTH:25%;
FLOAT:left;
height: 80%;
}
DIV#formVisualizzaFilm {
FLOAT:left;
}
DIV#listaFilm {
FLOAT:left;
width: 70%;
height: 100%
}
DIV#validazione {
CLEAR:left;
}
Edit flod: usate il tag CODE!!!!!!
Topic: CSS validati funzionano in IE6, non Firefox (Letto 1927 volte)