[Web2.0] IE5.0 e caricamento sfondi via css
Aldo Galimberti
aldo.galimberti a txt.it
Lun 30 Ott 2006 09:21:30 CET
Ho una pagina xhtml accessibile e mi chiedono che sia accessibile anche
con IE 5.0
Pero ho dei problemi a far vedere dei sfondi decorativi via css con
questo cesso di browser. Non ci sono problemi con IE 5.5 che supporta un
po meglio il CSS rispetto al fratello minore.
La parte incriminata e':
<div id="box-login">
<div class="sfondo-linguetta">
<div> </div>
<!-- form accesso riservato -->
<h2 class="hidden">Accesso pagina personale</h2>
<form class="container" action="#" method="post" id="formlogin"
enctype="application/x-www-form-urlencoded">
<p class="form-input">
<label for="username">Utente: </label><input class="login"
maxlength="20" size="15" type="text" id="username" name="username"
title="inserisci il tuo username" />
<label for="password">Password: </label><input class="login"
maxlength="20" size="15" type="password" id="password" name="password"
title="inserisci la tua password" />
<input class="bottone" type="submit" value="Login" title="accedi
alla tua pagina personale" />
</p>
<p class="form-link">
<a class="tabulazione-1 link-green-underline" href="#" title="vai
alla pagina di registrazione">Registrati</a>
<a class="tabulazione-2 link-green-underline" href="#" title="vai
alla pagina di recupero password nel caso sia stata smarrita">Recupero
password</a>
</p>
</form>
<p class="hidden">[<a href="#navinterna" title="torna alla navigazione
interna alla pagina">Torna alla navigazione interna</a>]</p>
</div>
</div>
e il css associato al box di login sono:
#box-login {
width:50%;
padding:1em 0 0 0;
voice-family: "\"}\""; /* nasconde il resto a ie5 */
voice-family: inherit;
width:50%;
padding: 0;
margin-left:-5px;
}
#box-login .sfondo-linguetta {
padding:0;
background: url("../img/border-box-ewide.png") no-repeat top right;
}
#box-login form {
display:block;
}
#box-login .container {
padding:.7em 0 .5em 0;
min-height:41px;
}
*:first-child+html #box-login .container /* solo IE 7.0 */
{
min-height:40px;
}
Quello che non riesco con ie 5.0 e' far comparire lo sfondo descritto
alla classe .sfondo-linguetta
Con tutti gli altri browser nessun problema.
--
Aldo Galimberti - TXT Polymedia S.p.A.
v.Frigia 27 - 20126 Milano
Tel. +39 02 257711 Fax. +39 02 2578994
http://www.txt.it/
Maggiori informazioni sulla lista
Web2.0