Position Absolute in IE

**ldetomi** · 27-02-2010, 14:41

Ho bisogno di posizionare un oggetto (div) nell'angolo in basso a destra della pagina e pensavo di utilizzare i posizionamenti assoluti secondo il seguente codice:

codice:

<DIV STYLE='position:relative; padding-left:75px; padding-right:75px;'>
  
  <DIV STYLE='position:absolute; bottom:0px; right:75px;'>
  </DIV>
</DIV>

Questo codice funziona come ci aspetta in Firefox ma non in Explorer (versione 8 addirittura).

Per un motivo sconosciuto il div posizionato assolutamente finisce almeno 10 cm al div contenitore (se invece usassi top:0px funzionerebbe tranquillamente). Insomma pare che per motivi misteriosi il posizionamento assoluto con il bottom non vada a genio a IE, ma se forzo l'altezza del contenitore

codice:

<DIV STYLE='position:relative; height:100%; padding-left:75px; padding-right:75px;'>
  
  <DIV STYLE='position:absolute; bottom:0px; right:75px;'>
  </DIV>
</DIV>

Allora funziona!!!! Sapreste dirmi se è un bug documentato o cos'altro possa essere successo?

**ldetomi** · 27-02-2010, 15:18

Ulteriori dettagli: sfrondando tutto all'osso... ecco cosa rimane

codice:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>

<HTML>
<HEAD>
  <META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-1'>
</HEAD>

<BODY>

    <DIV STYLE="position:relative; border:solid 1px blue; ">
        <DIV STYLE='position:absolute; bottom:0px; right:75px;'>
          Condividi
          <SCRIPT src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
        </DIV>
        
       pippo
pippo
pippo
    </DIV>

</BODY>
</HTML>

A me nei 2 browser dà risultati decisamente diversi, anche a voi?

**fcaldera** · 27-02-2010, 16:19

prova ad usare un doctype strict

**ldetomi** · 27-02-2010, 19:35

Ci credi? pare funzionare con il doctype differente, ma solo con l'esempietto semplice di prova, mentre nella versione completa della pagina.... non basta!!!!! In pratica non fa nulla!!!!

Uffa!!!! inoltre spesso il cambio di doctype va a creare casini con altri oggetti in una pagina completa e piena di rova...

Maledetto IE, persino nella versione 8 crea di questi problemi!!!! Avete altre idee?

**ldetomi** · 02-03-2010, 23:02

UP!

Discussione: Position Absolute in IE

Strumenti discussione

Ricerca discussione

Visualizza

Position Absolute in IE

Permessi di invio