Problema ul css IE, sto impazzendo

**Lestat86** · 06-04-2011, 16:50

Ciao a tutti ragazzi, ho un problema che ha del sovrannaturale con il mio elenco ul in IE, che ovviamente non ho in NESSUN altro browser.
Il problema è il seguente: ho due div affiancati in cui ho due elenchi puntati, con pallino colorato e font helvetica anch'esso colorato, e con interlinea personalizzato. Su firefox nessun problema, vengono visualizzati senza problemi, idem su chrome. Su IE nessun tipo di problema quando sono offline, ma quando lo carico online si "dimentica" di questa cosa, e me lo fa vedere nero e tutto sfasato. Ma qui viene la seconda parte paranormale: se seleziono col mouse (come per sottolinearlo) l'elenco, magicamente torna normale. E questo succede su tutti i pc su cui l'ho provato. E' come se selezionandolo IE si accorgesse che deve sistemarlo O_O
Idee? Io non sò più dove andare a parare... vi posto la porzione del CSS così ci date un'occhio:

Codice PHP:


body {

    margin:0px 0px; padding:0px;

    text-align:left;

    background: url(bodybg.jpg) repeat-x

    }

ul {

    padding: 0px;

    margin: 4px;

    color: #b0e45b;

}

li{

    padding: 0px;

    margin: 0px;

    font-size: 12px;

    font-family: Helvetica;

    font-weight: bold;

}

span {

    line-height: 4px;

    color: #ffffff;

}

hr{

    color: #c5e081;

    background-color: #c5e081;

    height: 10px    

}

div#container{

    width: 1024px;

    height: 770px;

    margin: 0 auto;

}

div#header{

    margin-top: 0px

    width: 1024px;

    height: 159px;

    background: url(testata.png) no-repeat

}

div#head1{

    width: 440px;

    height: 137px;

    float: left;

}

div#head2{

    width: 247px;

    height: 137px;

    float: left;

    background: url(tel.png) no-repeat

}

div#head3{

    padding:0px;

    margin-top:0px;

    width: 168px;

    height: 137px;

    float: left;

    display: block;

    display: inline;

    #display: block /*setting for IE7*/

    _display: block

}

div#head3 ul {

    padding: 0px;

    margin: 4px;

    color: #b0e45b;

}

div#head3 li{

    padding: 0px;

    margin: 0px;

    font-size: 12px;

    font-family: Helvetica;

    font-weight: bold;

}

div#head3 span {

    line-height: 4px;

    color: #ffffff;

}

div#head4{

    padding:0px;

    margin:0px;

    width: 168px;

    height: 137px;

    float: left;

}

div#head4 ul {

    padding: 0px;

    margin: 4px;

    color: #b0e45b;

}

div#head4 li{

    padding: 0px;

    margin: 0px;

    font-size: 12px;

    font-family: Helvetica;

    font-weight: bold;

}

div#head4 span {

    line-height: 4px;

    color: #ffffff;

}

Grazie a tutti!!!!

**Vincent.Zeno** · 06-04-2011, 17:03

completa con la marcatura,
altrimenti si fa dura

intanto sposto in css

**Lestat86** · 06-04-2011, 17:06

Scusa cosa intendi con "completa con la marcatura"?
Comunque complimenti per la rima

**fcaldera** · 06-04-2011, 17:20

Originariamente inviato da Lestat86
Scusa cosa intendi con "completa con la marcatura"?

intende il codice html sul quale il css agisce
così il problema si capisce

**Lestat86** · 06-04-2011, 17:33

Giusto! Eccolo qui:

Codice PHP:


<div id="head3"><ul type="disc">[*]<span>Abbattitore di temperatura</span>[*]<span>voce1</span>[*]<span>voce2</span>[*]<span>voce3</span>[*]<span>voce4</span>[*]<span>voce5</span>[*]<span>voce6</span>[*]<span>voce6</span>[/list]</div>

<div id="head4"><ul type="disc">[*]<span>Frigoriferi side by side</span>[*]<span>voce1</span>[*]<span>voce2</span>[*]<span>voce3</span>[*]<span>voce4</span>[*]<span>voce5</span>[*]<span>voce6</span>[*]<span>voce7</span>[/list]</div>

**fcaldera** · 06-04-2011, 17:37

1) mancano tutte le chiusure
2) Serve TUTTO il codice, per esempio per vedere il doctype o per provare a ricreare l'errore

**Lestat86** · 06-04-2011, 17:54

Il[*] che io sappia non deve essere necessariamente chiuso... difatti anche chiudendolo non cambia niente.
Comunque metto il codice senza contenuti per casini di diritto d'autore:

Codice PHP:


<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>titolo</title>



</head>

<script>

opera=(/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent))?1:0;





mozilla=(/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent))?1:0;





ie=(/MSIE (\d+\.\d+);/.test(navigator.userAgent))?1:0;

if (ie){ 



// Nel caso di Internet Explorer



document.write("<link rel='stylesheet' href='stileie3.css' type='text/css' />");

}else{



// In caso di un altro browser



document.write("<link rel='stylesheet' href='stile3.css' type='text/css' />");



}

function Msg()

{

alert('Sito in costruzione');

}

 

</script>

<body>

<div id="container">

<div id="header"><div id="head1"></div><div id="head2"></div><div id="head3"><ul type="disc">[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[/list]</div>

<div id="head4"><ul type="disc">[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[*]<span>voce</span>[/list]</div>

<div id="head51">[*]<span>[url=""]voce[/url]</span></div><div id="head52">[*]<span>[url=""]voce[/url]</span></div><div id="head53">[*]<span>[url=""]voce[/url]</span></div><div id="head6"><span>voce</span></div></div>

<div id="menu" style="line-height: 4px">

<div id="menusel2">[b]voce[/b]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel3">[b]voce[/b]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>



<div id="menusel4">[b]voce[/b]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce[/url]</div>

<div id="menusel">[url="javascript: alert('Sito in Costruzione')"]> voce <font size="0.2">voce</font>[/url]</div>

</div>

<div id="main"><iframe src="main.html" width="776px" height="528px" frameborder="0">

  <div id="menusel">Your browser does not support iframes.</a></div>

</iframe></div>

<div id="footer">voce</div>

</div>

</body>

</html>

Vorrei riportare l'attenzione sul fatto che OFFLINE VA.

**Lestat86** · 07-04-2011, 17:26

Proprio nessuno?

**Vincent.Zeno** · 07-04-2011, 18:32

prima metti a posto la marcatura secondo XHTML 1.0 Transitional che c'è qualche disastro

ricorda anche che gli ID devono essere univoci

poi gli utenti potranno tentare un'aiuto

**Lestat86** · 07-04-2011, 18:47

Ora ho messo come doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> questo... e ancora nulla!
Dannato IE

Discussione: Problema ul css IE, sto impazzendo

Strumenti discussione

Ricerca discussione

Visualizza

Problema ul css IE, sto impazzendo

Permessi di invio