Come caspita intepreta il margine a sinistra IE???

[ldetomi]

Ciao a tutti,
Ho un problema cui non riesco a darmi spiegazione. Guardate il seguente codice:

<DIV STYLE='margin-left:150px;'>
  <DIV STYLE='width:350px; border:solid 1px red;'>
     <SELECT STYLE='width:150px;'>
       <OPTION>prova</OPTION>
     </SELECT>
     <INPUT type='submit' value='Carica'>
     <INPUT type='submit' value='Cancella'>
     

     <INPUT type='text' STYLE='width:150px;'>
     <INPUT type='submit' value='Salva'>
  </DIV>     
</DIV>

A me dà risultati molto diversi nei 2 browser, Firefox mostra proprio quello che vorrei, IE sembra giustificare il contenuto al centro. Dipende tutto dal margin-left sul primo div, infatti se provate a non mettere il margine, lo stesso codice (che riporto di seguito) è corretto anche in IE.

<DIV>
  <DIV STYLE='width:350px; border:solid 1px red;'>
     <SELECT STYLE='width:150px;'>
       <OPTION>prova</OPTION>
     </SELECT>
     <INPUT type='submit' value='Carica'>
     <INPUT type='submit' value='Cancella'>
     

     <INPUT type='text' STYLE='width:150px;'>
     <INPUT type='submit' value='Salva'>
  </DIV>     
</DIV>

Insomma sembra che la dichiarazione sul margine del div contenitore influenzi in qualche modo il contenuto del div più interno, ma non è assurdo?

Ultima cosa osservata: il problema si verifica solo sulle righe dove non c'eè il SELECT. Se infatto inverto l'ordine nei campi nelle 2 righe, il problema appare questa volta sulla prima, dove c'è il campo testo.

Non ci capisco nulla!

[ldetomi]

Strano.... mi aspettavo che qualcuno sapesse darmi qualche spiegazione. In mancanza di meglio vi chiederei la gentilezza di farmi sapere se questo codice presenta anche a voi lo stesso problema nei 2 browser.

[Mega69]

Insomma sembra che la dichiarazione sul margine del div contenitore influenzi in qualche modo il contenuto del div più interno, ma non è assurdo?

Non è assurdo; essendo due div messi l'uno dentro l'altro a effetto "matriosca",
la posizione dell'esterno influenza quello dell'interno.

[ldetomi]

Se fosse così, perché non influenza entrambe le righe? Perché se nella seconda riga metto un select, non viene indentato?

Infine, perché lo fa solo Explorer?!?

[ldetomi]

Peccato, speravo che qualcuno riuscisse a darmi qualche suggerimento

[Another-Life]

Ti consiglio di postare il file Css associato al documento Xhtml

[ldetomi]

E' tutto lì!

Ho ricreato la situazione in una pagina vuota riportando gli stili in linea!

Provate per favore a copiare i 3 div in un file (magari spaziandoli con un piao di BR ) e visualizzarlo con Explorer e Firefox, e ditemi se vedete anche voi le differenze.

Grazie.

[Another-Life]

Ti ripeto per l'ennesima volta...quando hai un problema posta tutto il codice assieme,in questo caso quello del documento Xhtml.

[ldetomi]

Nella pagina di test che ho creato ho omesso tutti i tag non strettamente legati alla struttura, quindi anche BODY e HEAD, tanto i borwser eseguono lo stesso la pagina. Come avevo detto il codice era tutto lì, comunque, riunendo i vari pezzi in modo da ottenere l'esatto contenuto della mia pagina di test:

<DIV STYLE='margin-left:150px;'>
  <DIV STYLE='width:350px; border:solid 1px red;'>
     <SELECT STYLE='width:150px;'>
       <OPTION>prova</OPTION>
     </SELECT>
     <INPUT type='submit' value='Carica'>
     <INPUT type='submit' value='Cancella'>
     

     <INPUT type='text' STYLE='width:150px;'>
     <INPUT type='submit' value='Salva'>
  </DIV>     
</DIV>





<DIV>
  <DIV STYLE='width:350px; border:solid 1px red;'>
     <SELECT STYLE='width:150px;'>
       <OPTION>prova</OPTION>
     </SELECT>
     <INPUT type='submit' value='Carica'>
     <INPUT type='submit' value='Cancella'>
     

     <INPUT type='text' STYLE='width:150px;'>
     <INPUT type='submit' value='Salva'>
  </DIV>     
</DIV>





<DIV STYLE='margin-left:150px;'>
  <DIV STYLE='width:350px; border:solid 1px red;'>
     <INPUT type='text' STYLE='width:150px;'>
     <INPUT type='submit' value='Salva'>
     

     <SELECT STYLE='width:150px;'>
       <OPTION>prova</OPTION>
     </SELECT>
     <INPUT type='submit' value='Carica'>
     <INPUT type='submit' value='Cancella'>
  </DIV>     
</DIV>

[Another-Life]

Ho appena provato il documento Xhtml che hai postato e non vi è alcuna differenza tra Firefox e IE....-.-....

Adesso quindi la questione importante è: cosa vorresti fare tu??