Odio IE

[Lionheart86]

Salve gente,
mi spiace scrivere sempre per chiedere qualcosa, ma questa volta sto davvero impazzendo =(

http://www.not-today.net/public/mir/index.php

Sto facendo un layout per un'amica ed è andato tutto bene finchè l'ho provato con Firefox e con Opera. I problemi sono iniziati appena ho aperto IE...
Tanto per cominciare quando si passa il mouse sopra i links di navigazione, sparisce il margine che c'è tra un bottone e l'altro...
Ma la cosa peggiore si ha con le news! Se cliccate sul link per commentare una news...sparisce quasi tutto il testo! O meglio il testo c'è ma non si vede...e non riesco a capire perchè =(

Se dovesse servire un controllo del css --> http://www.not-today.net/public/mir/style.css

Grazie in anticipo

[wider]

boh a me mi sembra uguale con tutti e due....

[Lionheart86]

usi IE6 o IE7...perchè con il 7 non ho provato

[wider]

versione 6.0.29

[Lionheart86]

e quando clicchi per commentare una news non ti sparisce il testo della news stessa e gli eventuali commenti?

[wider]

aglia...ora lo ho visto... ma lo so solo se apri dove ci sono ià commenti negli altri tutto bene cmq guarda qui sotto, ecco cosa mi dice il debugger:

[Lionheart86]

I primi due errori si riferiscono a questa porzione di css:

/* INIZIO STILE PER IMMAGINI */
a img{
    border: none;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

a:hover img{
    border:none;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
/* FINE STILE PER IMMAGINI */

Non credo che c'entrino.
Mentre il terzo si riferisce allo script che uso per le news...e anche quello chredo che sia esterno al problema =/

[wider]

invece centra pure questo del css ti spiego usa cosetta del DOM (Document Object Model): il DOM agisce sulla proprietà dei documenti modificandone le proprietà CSS, perciò se un browser "stupido" come ie si blocca al primo errore (ie non da warning... blocca e basta ) gli errori stanno li...

Se vuoi postare il codice javascript magari gli doun occhiata

[Lionheart86]

Uff non lo trovo =/ ho scaricato lo script da http://cutephp.com

Ma anche togliendo la tabella (e quindi il form con l'errore) il problema persiste...non so se è un'informazione utile...alla fine io queste cose le faccio per hobby, però voglio farle bene.

La cosa buffa è che c'è SOLO in quella pagina...perchè per il resto funziona.

[Lionheart86]

Questo è il file che richiama appena prima della funzione "incriminata"...non so se è quello che vuoi tu...

http://www.not-today.net/public/mir/remember.txt
(l'ho rinominato io)

[wider]

non c'è nessun errore di DOM nè di sintassi li... mi sa che non è il file giusto (oppurenon è semplicemente ecmascript valido... provate con explorer 7 magari con quello funziona... vedi qui se trovi qualcosa:
http://www.mozilla.org/js/scripting/

opure lascia perdere...

[Lionheart86]

sì mi sa che metto i commenti in pop-up e amen

[wider]

fai prima...

[Lionheart86]

Sono riuscito a scoprire che il problema, per qualche strana ragione, è causato da questa porzione di codice:

/* INIZIO STILE PER IMMAGINI */
a img{
    border: none;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

a:hover img{
    border:none;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
/* FINE STILE PER IMMAGINI */

Allora ho provato a sostituirlo con questo:

/* INIZIO STILE PER IMMAGINI */
a img{
    border: none;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
}

a:hover img{
    border:none;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}
/* FINE STILE PER IMMAGINI */

Ma il problema è rimasto. Premetto che ho trovato entrambe le porzioni su un sito di css.

Ora ho risolto togliendo quella parte di css, anche se mi dispiace perchè l'effettino dell'opacità mi piaceva assai XD