Link su div assoluto che non fungono con IE6

**darkmavis** · 17-10-2006, 18:30

Salve, ho un div con posizione assoluta, il quale contiene un semplice elenco puntato con dei link dentro. Niente di ortodosso, ma con tutti i browser funziona come dovrebbe, su IE 6 non so' per quale motivo (ed è una cosa che ho fatto anche altre volte), non vuole funzionare :|
O meglio, non mi rende cliccabili gli <a>

Qualcuno mi sa' dire il perchè?

**Mich_** · 17-10-2006, 18:33

Ha tutta l'aria di un errore di sintassi ...

Se non lo trovi posta il codice HTML + CSS

**darkmavis** · 17-10-2006, 21:49

Originariamente inviato da Mich_
Ha tutta l'aria di un errore di sintassi ...

Se non lo trovi posta il codice HTML + CSS

Domattina lo posto subito

**darkmavis** · 18-10-2006, 11:26

HTML

codice:

<div class="langs">
			<ul>
				[*][img]admin/images/flags/it.gif[/img]
				[*][img]admin/images/flags/gb.gif[/img]
				[*][img]admin/images/flags/de.gif[/img]
				[*][img]admin/images/flags/fr.gif[/img]
				[*][img]admin/images/flags/es.gif[/img]
				[*][img]admin/images/flags/ru.gif[/img]
			[/list]
		</div>

CSS

codice:

#head{
	width: 100%;
	display: block;
	height: 125px;
	position: relative;
	z-index: 5;
}
#head .langs{
	display: block;
	position: absolute;
	z-index: 100;
	float: left;
	left: 510px;
	top: 0;
	height: 20px;
	width: 145px;
	background: transparent	url("../images/langback.png") repeat-x center top;
}

* html #head .langs{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/langback.png",sizingMethod="scale");
}

#head .langs ul,
#head .langs li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#head .langs li{
	float: left;
	padding: 4px;
}

#head .langs li a{
	float: left;
}

**Mich_** · 18-10-2006, 12:02

Non dovrebbero esserci problemi.

In linea di massima io preferirei una modifica in questi termini (aumenta l'area sensibile):

codice:

#head #head .langs li{
	float: left;
	padding: 4px; 
}

#head .langs li a{
	display: block;
	width: 100%; height: 100%;
	
}
#head .langs li a:hover { ... }

PS: nel #head .langs li c'e` una ridefinizione del padding, che da` un warning nel validatore, e comunque potrebbe confondere qualche browser. Se puoi evitalo.

Comuqnue fai un controllo con il validatore HTML e il validatore CSS.

**darkmavis** · 18-10-2006, 12:13

Originariamente inviato da Mich_
Non dovrebbero esserci problemi.

In linea di massima io preferirei una modifica in questi termini (aumenta l'area sensibile):

codice:

#head #head .langs li{
	float: left;
	padding: 4px; 
}

#head .langs li a{
	display: block;
	width: 100%; height: 100%;
	
}
#head .langs li a:hover { ... }

PS: nel #head .langs li c'e` una ridefinizione del padding, che da` un warning nel validatore, e comunque potrebbe confondere qualche browser. Se puoi evitalo.

Comuqnue fai un controllo con il validatore HTML e il validatore CSS.

Beh, non mi sembra abbia mai dato problemi ridefinire i parametri degli elementi html, o almeno non me ne ha mai datti validando sempre il codice, cmq lo tolgo, magari è quello. E l'height: 100% non è che sia correttissimo come validazione css, che io sappia l'height non dovrebbe accettare altezze in percentuali, è solo IE che lo permette, di solito io metto le dimensioni fisse in px.

**Mich_** · 18-10-2006, 12:26

No, height 100% e` valido, ma deve essere riferito ad una misua in qualche modo nota: cioe` il contenitore deve a sua volta avere l'altezza definita; ricorsivamente fino al tag <html>, se no ci sono misure definite in altro modo.

**darkmavis** · 18-10-2006, 12:28

Ho scoperto qual'era il problema: l'hack per i png trasparenti, tolto l'hack ho il menu senza trasparenza ma i link fungono tutti

**darkmavis** · 18-10-2006, 12:30

Originariamente inviato da Mich_
No, height 100% e` valido, ma deve essere riferito ad una misua in qualche modo nota: cioe` il contenitore deve a sua volta avere l'altezza definita; ricorsivamente fino al tag <html>, se no ci sono misure definite in altro modo.

Buono a sapersi

Discussione: Link su div assoluto che non fungono con IE6

Strumenti discussione

Ricerca discussione

Visualizza

Link su div assoluto che non fungono con IE6

Permessi di invio