Diverso comportamento IE e FF

**stefx78** · 25-09-2006, 15:25

Salve a tutti, ho un problema per un diverso comportamento fra IE e FF. Dunque, ho una cella così:
<td class="classetd"><div id="liv11" class="barraindlink"></div>Chi siamo</td>

e nel CSS ho definito ho:

.barraindlink {
display:inline;
width:6px;
margin-right:5px;
}

In IE appare tutto corretto e cioè, appena passo sopra il link con il mouse, a destra del link, sempre all'interno della cella, mi si colora il DIV con lo sfondo rosso e quando tolgo il puntatore torna bianco. Con Firefox niente di tutto questo... perchè?
Grazie
Stefano

**Mich_** · 25-09-2006, 16:52

Cambia sistema. non usare JS e passa alla gestione CSS (piu` semplice e piu` supportata)

HTML:

codice:

<td class="classetd">
  Chi siamo
</td>

CSS:

codice:

.classetd a {
  display: block;
  width: 100%; height: 100%;
  background: #fff;
  text-decoration: none; /* o quello che preferisci */
}
.classetd a:hover {
  background: #e60000;
  text-decoration: none; /* o quello che preferisci */
}

Nota: se la tabella serve solo per posizionare elementi, e` semanticamente sbagliato l'uso: in tal caso vanno usati altre strutture HTML: nel tuo caso potrebbe essere corretto usare le liste (vedi esempi di menu tra i "link utili")

**stefx78** · 25-09-2006, 17:20

Ciao, grazie per la risposta. Così come mi hai consiglia, l'effeto non è quello che desidero. Quello che vorrei è questo: http://lnx.genioalavoro.net/lc/barrasx2.php

Sono sicuro che posso evitare js che è una gran noia e di sicuro posso anche ottimizzare i CSS ma non so da che parte rifarmi.
Grazie
Stefano

**Mich_** · 25-09-2006, 17:50

Quella che hai linkato non e` una pagina. E` del codice Web buttato li` a caso.
Non puoi pretendere che funzioni.

Una pagian Web inizia con un <DOCTYPE>, prosegue con un (ed uno solo) tag <html>, al cui interno ci sono uno ed uno solo tag <head> ed uno ed uno solo tag <body> ...

**stefx78** · 25-09-2006, 19:18

Scusa, ma per fare prima ti ho indicato solo la barra del sito che viene inclusa nella pagina principale (index.php) dinamicamente. Dovrebbe esserci così tutto il necessario a livello di tag.
GRazie ancora
Stefano

**stefx78** · 26-09-2006, 09:33

Scusa Mich, mi sono accorto di una cosa... Se aggiungo questo righe che prima non avevo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

il codice non funziona correttamente neanche su Internet Explorer... Come mai?
grazie
Stefano

**Mich_** · 26-09-2006, 10:57

Se ad IE dici che stai usando un linguaggio definito, anche IE fa i suoi controlli e non accetta troppi errori (come fa quando e` libero di interpretare a piacimento).

Evidentemente gli errori ci sono, solo che IE non li vede.

Discussione: Diverso comportamento IE e FF

Strumenti discussione

Ricerca discussione

Visualizza

Diverso comportamento IE e FF

Permessi di invio