[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>&nbsp;</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