Problemi con CSS e IE

**Lavanda** · 30-09-2006, 12:07

Ciao, sto facendo un sito in php. Utilizzo un foglio di stile, che si adatta in maniera ottimale se applicato a Firefox... però su Internet Explorer mi dà qualche problema. La pagina dovrebbe contenere un menu di fianco a sinistra, invece c'è solo una striscia bianca e il menu finisce molto in basso. Cosa posso fare per correggere il problema?
Il foglio di stile non l'ho fatto io. Dove devo intervenire? Mi è stato suggerito da un amico di correggere queste voci:
#wrapper {width: 980px; voice-family: "\"}\""; voice-family: inherit; width: 980px;}
#mainblock {width: 780px; voice-family: "\"}\""; voice-family: inherit; width: 740px;}
#content {width: 560px; voice-family: "\"}\""; voice-family: inherit; width: 540px;}
#secondary {width: 180px; voice-family: "\"}\""; voice-family: inherit; width: 160px;}
#sidebar {width: 200px; voice-family: "\"}\""; voice-family: inherit; width: 160px;}

però non so COME correggerle...anzi non so proprio cosa significhino.
Spero che qualcuno riesca a darmi una mano...

Grazie in anticipo!

**thomas_anderson** · 30-09-2006, 12:59

ciao!
quelle voci sono l'hack di Tantek per correggere il box model di IE5.
informati sugli accessi al tuo sito. se gli utenti usano IE6, quell'hack non serve.
cmq, questo hack è più sicuro:

codice:

/*\*
* html body selettore {
proprietà /*\*/: valore;
}
/**/

sempre per IE5, a cui lo puoi dare con un commento condizionale:

codice:

<head>
<!--[if lt IE 6]>
<link rel="stylesheet" href="ie5fix.css" type="text/css">
<![endif]-->

per maggiori info, cerca conditional comments su google.

**Lavanda** · 30-09-2006, 17:26

Ciao..scusami se sono dura, ma non ho mica capito il tuo suggerimento....
Io ho solo fatto in modo che width corrisponda a width+2padding+2border...

#wrapper { /* Contiene tutte e tre le colonne */
clear: both;
margin: 0;
padding: 0;
width: 980px;
}
#mainblock { /* Contiene le due colonne a dx: #content (centro) e #secondary (dx) */
float: right;
margin: 0;
padding: 0 20px;
width: 740px;
}
#content {
float: left;
margin: 0;
padding: 20px 20px 20px 0;
width: 540px;
}
#secondary {
float: left;
margin: 0;
padding: 20px 0 20px 20px;
width: 160px;
}
#sidebar {
float: left;
margin: 0;
padding: 100px 20px 20px 20px;
width: 160px;
}

e poi...
/* IE5.x - Win Hacks
--------------------------------------------------*/

#wrapper {width: 980px; voice-family: "\"}\""; voice-family: inherit; width: 980px;}
#mainblock {width: 780px; voice-family: "\"}\""; voice-family: inherit; width: 740px;}
#content {width: 560px; voice-family: "\"}\""; voice-family: inherit; width: 540px;}
#secondary {width: 180px; voice-family: "\"}\""; voice-family: inherit; width: 160px;}
#sidebar {width: 200px; voice-family: "\"}\""; voice-family: inherit; width: 160px;}

ma nessun risultato!

Discussione: Problemi con CSS e IE

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con CSS e IE

Permessi di invio