Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    [CSS] Posizionamento DIV e IE

    Non so più cosa inventarmi.
    Ho un CSS con una struttura fatta così:



    E per ottenerla uso questo CSS nonchè questo banalissimo HTML, circa:

    codice:
    <body>
    <div id="bodyContent"> 
      
      <div id="testa"> </div>
      
      <hr>
      
      <div id="corpo"> 
        <div id="corpo-colonna1">
    
    
    
    
    
    
    
    
    
        </div>
        <hr>
        <div id="corpo-colonna2">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
        <hr>
        <div id="corpo-colonna3">
    
    
    
    
    
    
    
        </div>
      </div>
      
      <hr>
      
      <div id="piedipagina"> <code>pippo</code> </div>
      
    </div>
    </body>
    Ora, il risultato che mi aspetto, al di là del contenuto, è questo:



    Ed in effetti è quello che ottendo su quasi tutti i browser (Mozilla in tutte le versioni, Netscape, Opera, Kmeleon e così via).

    Disgraziatamente ho avuto la malaugurata idea di aprire IE e di scoprire che invece il risultato è uno
    scempio assoluto.

    la pagina è qui

    Ora, ovviamente non so perché.

    Qualcuno mi aiuta? (:

  2. #2
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    ho guardato adesso la pagina e il css, da quello che ho visto hai usato il posizionamento assoluto per le 2 colonne laterali mentre per quella centrale no quindo da un lato è ovvio che si sovrappone, come rimedio ad occhio o provi a posizionare anche il layer centrale in maniera assoluta oppure posiziona le tre colonne con il float:left; e al divi in basso gli dai un clear:both;
    ps
    molto divertente il title delle immagini

  3. #3
    Ahem.
    Innanzitutto grazie per il tempo che hai perso (:
    Possiamo rivedere una cosa per volta?

    Ho rimesso a posto gli alt, sorry, ho un amichetto burlone, me ne ero dimenticata O_o

    Allora, ho cercato di capire quello che mi hai detto, ma qualcosa non mi torna.

    Tanto per chiarire il mio livello di ignoranza riguardo ai CSS, chiarisco che quel codice è una rivisitazione del template a tre colonne proposto da .Constile il cui codice è reperibile da qui.

    In questa versione il risultato è identico in ogni browser che ho provato.

    I cambiamenti che ho apportato io si militano a dimensioni, colori, forme del bordo ed allineamenti, al massimo, quindi non ho cambiato il tipo di posizionamento (assoluto, relativo).

    Mi puoi aiutare a capire quando ho sbagliato nell'adattare qurl CSS alle mie esigenze?

  4. #4
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    ok ho confrontato il codice e ho trovato l'inghippo
    e penso sia l'ennesimo bug IE in
    #corpo imposta

    border:1px solid #colore
    e tutto funziona pefettamente!

  5. #5
    Oddio, non ci posso credere! Funziona perfettamente in effetti!
    Non ho capito perché, sinceramente.
    Come posso ringraziarti?
    Davvero gentile (:

  6. #6
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    Originariamente inviato da Corinna
    Oddio, non ci posso credere! Funziona perfettamente in effetti!
    Non ho capito perché, sinceramente.
    se lo capisco ti faccio un fischio, ultimamente di stranezze di IE ne sto vedendo tante, troppe
    Come posso ringraziarti?
    Davvero gentile (:
    di nulla è stato un piacere

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.