margin-left in IE e FF

**supermac** · 13-12-2005, 17:01

ciao a tutti
sto impostando con uno style il margin-left ad un tag <UL> e trovo che IE e FF recepiscano in maniera diversa l'informazione:

IE prende il margin-left come lo spazio da lasciare a sinistra del contenuto del tag

FF.... non capisco come lo interpreti perchè sembra ignorare l'impostazione: l'<UL> ha sempre lo stesso rientro....

sbaglio something?
questo è il pezzo di codice

**supermac** · 13-12-2005, 17:08

no ecco era un problema di cache

il rientro ora lo varia anche FF però in maniera diversa da IE: è come se FF cominciasse a contare il margine un bel pacco di px più avanti di IE
????????

**supermac** · 13-12-2005, 18:12

non me ne vogliate, ma uppo perchè (per cambiare) ho una fretta assassina di risolvere questa cosa

grazie a chi mi sfanga

**pierofix** · 13-12-2005, 18:15

Che il problema sia da ricondursi al fatto che non hai specificato l'unità di misura?

codice:

margin-left:5px

Io setterei prima a zero tutti i margini e i padding e poi comincerei a impostarli nuovamente in base alle esigenze.

**supermac** · 13-12-2005, 18:34

no, ho provato con e senza unità di misura: je fa 'n baffo...
pare proprio che FF cominci a contare da più avanti....

vedere gif per credere, il codice è lo stesso!
nel gif ho impostato margin-left:-30
ma non cambia se uso altri valori anche positivi: il gap tra IE e FF rimane

**pierofix** · 13-12-2005, 18:43

Chiariamo subito che la sintassi standard vuole che l'unità di misura, in questo contesto, sia esplicitata.

Prova a giocare con qualche hack:

codice:

ul li {
   margin-left:5px;
   padding-left:20px;
}
ul > li { padding-left:0 }

Scusa ma adesso sono un po' stanco e non ho la forza di tenere gli occhi aperti abbastanza a lungo per poter ragionare.

**supermac** · 13-12-2005, 18:44

questo è un pezzo di codice, viene generato tutto via asp

<ul id="N0">
<li class=folder id="P00">MOTORE
<ul style="display:none;margin-left:-30px;list-style-type:none;" id="N0_0">
<li class='file'> 10 Motore I
<li class='file'> 11 Motore II[/list]

<li class=folder id="P00">TELAIO
<ul
....[/list]
[/list]

ma a parte il codice, quello che non capisco è la differenza di interpretazione tra IE e FF....

**Sol** · 14-12-2005, 02:33

Perché FF come molti altri browser interpreta le pagine secondo gli standard del w3c.
IE invece fa per una buona percentuale di testa sua.

Ora però vado anch'io a nanna!

**supermac** · 14-12-2005, 10:33

e questo purtroppo era un dato di fatto già appurato, popolo di assonnati :-), ma allora cosa devo scrivere nel codice per far si che i due ragazzi si comportino nello stesso modo?

considerate che sto lavorando in asp e mi sarebbe un po' difficile fargli scrivere via codice un JS che sniffi il tipo di browser e poi modifichi il valore del margin-left a seconda che si tratti di FF o di IE...

**pierofix** · 14-12-2005, 10:47

Guarda, ho fatto una prova.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">


<head>
   <title>Prova con le Liste Non Ordinate</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <style type="text/css"><!--
   * { margin:0; padding:0 }
   body { padding:3em }
   div {
      padding:50px;
      background-color:#ff3;
   }
   li {
      margin-left:30px; margin-top:0.25em; margin-bottom:0.25em;      
      background-color:#9ff;
   }
   --></style>
</head>

<body>
   <div>
      <ul>[*]Ciao[*]Miao[*]Bau[/list]
   </div>
</body>

</html>

Mi pare che sia FF che IE si comportino allo stesso modo.

Discussione: margin-left in IE e FF

Strumenti discussione

Ricerca discussione

Visualizza

margin-left in IE e FF

Permessi di invio