problema div con internt explorer

[Darkness11]

ho creato un sito in php
la pulsantiera per accedere alle varie pagine l'ho impaginata con dei div e un foglio di stile in css
inizialmente nel foglio di stile ho inserito questo codice:

div.tab{
background-image: url("tasto.png");
background-position:center center;
color:#ffff00;

}

#Layer1 {
width:100px;
height:45px;
z-index:1;
float:left;
}

con mozilla firefox si vede tutto alla perfezione, purtroppo con explorer i div non vengono impaginati correttamente (ti pare che per una volta la microsoft faccia qualcosa che segue gli standrd web?)

ho cercato in google una soluzione e ho trovato un sito che diceva di inserire questo attributo nella classe del div: display:inline-block;

ho fatto così e il problema sembrava inizialmente risolto...
invece i div si allineano solo nella pagina del link del primo tasto..in tutte le altre non funziona (si ho messo il collegamento al foglio di stile in tutte le pagine, non sono di certo così stpudio)
qualcuno sa come risolvere il problema senza rovinare la perfetta impaginazione di firefox?

 

[lukeonweb]

Il problema lo ricevi con IE6 o IE7?

Il codice non mi dice molto... hai un link online di una demo da vedere per capire?

 

[Darkness11]

il problema si presenta anche con IE7 nonostante avessero detto che IE7 leggeva tranquillamente i div
il problema si presenta solo si uso l'attributo float per metterli in orizzontale
se non metto nulla si dispongono in verticale e non danno nessun problema
ti metto il link di due immagini che mostrano come viene...

con FF: http://www.rosedge.it/buono.jpg

con IE: http://www.rosedge.it/male.jpg

 

[lukeonweb]

Capito.

Puoi postare anche il codice HTML di quella porzione del menu?

Ho bisogno di vederla onde capire se e come si generano problemi di a capo e padding che IE ed FF gestiscono in maniera diversa.

 

[Darkness11]

<a href="..."><div class="tab" id="layer1">Home</div></a>
<a href="..."><div class="tab" id="layer1">Società</div></a>
<a href="..."><div class="tab" id="layer1">Squadre</div></a>

e via discorrendo...sono tutti uguali, cambia solo il testo e il link

 

[Darkness11]

tra parentesi...ho testato il sito anche con linux (che è il sistema che uso principalmente) usando sia il konqueror che FF
e poi ho testato il sito anche con opera e con netscape...
funziona su tutti come su FF...è solo IE che da problemi, l'unico che non segue lo standard web
però come saprai, ancora il 60% degli utenti usano IE e l' 80% usa ancora windows, perciò se voglio che il sito faccia visite devo per forza renderlo compatibile con i prodotti microsoft

 

[lukeonweb]

Bruttissima la soluzione del <div> dentro <a>, prova a fare il contrario.

In secondo luogo è concettualmente sbagliato dare valore uguale agli ID di elementi diversi.

Dovresti fare:

<div class="tab" id="layer1"><a href="...">Home</a></div>
<div class="tab" id="layer2"><a href="...">Società</a></div>
<div class="tab" id="layer3"><a href="...">Squadre</a></div>

Vedi se già cosi cambia qualcosa.

 

[Darkness11]

se metto il il tag <a> dentro il <div> non si crea il tasto...cioè...
il link funziona solo se si clicca sulla parola...invece vorrei che bastasse cliccare in un qualsiasi punto del div, per questo l'ho messo dentro...
cmq ho già provato tutte le soluzioni...ho prvato a mettere il tag <a> dentro il <div> ho provato a mettere id diversi per ogni <div> e ho provato anche le due cose insieme...
mi da sempre lo stesso problema...

 

[Robby84]

secondo me è un problema di margin....

 

[lukeonweb]

Aperta e chiusa parentesi: puoi anche usare i commenti condizionali.

Effettivamente i margini non li gestisci proprio; prova ad impostarli.

 

[Darkness11]

mmm
i margini...vero, non ci avevo proprio pensato...proverò