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

    Allineamento div come footer in base alle dimensioni della pagina su IE

    Ciao a tutti!
    scusate l'assurdità del post (almeno per molti di voi)!
    Mi sono imbattuto in questo problema:
    ho un testo da posizionare sul fondo della mia pagina, che tenga conto della risoluzione dello schermo (non mi devono comparire le barre di scorrimento laterali per intenderci!!)....
    Allora il mio foglio di style ha queste impostazioni per il div
    ....
    position: fixed;
    bottom: 50px;
    font-size: 12px;
    text-align: center;
    vertical-align: baseline;
    ....

    Su Opera-Firefox no problem, IE invece non me lo mette in basso!!!! come mai....

    grazie in anticipo per l'eventuale aiuto!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    Re: Allineamento div come footer in base alle dimensioni della pagina su IE

    Originariamente inviato da ciro_ciro_oi
    Allora il mio foglio di style ha queste impostazioni per il div
    ....
    position: fixed;
    bottom: 50px;
    font-size: 12px;
    text-align: center;
    vertical-align: baseline;
    ....

    Benvenuto nel forum

    position: fixed purtroppo non è supportato da explorer 6 e precedenti e la proprietà vertical-align non è propriamente corretta in quel contesto dal momento che andrebbe applicata ad elementi con display : (table|table-cell).

    L'alternativa può essere l'uso di posizionamenti assoluti.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Un esempio semplice

    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" lang="it" xml:lang="it">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>xhtml 1.0</title>
            
            <style type="text/css">
                * {
                    padding : 0;
                    margin  : 0;            
                }
                
                html, body {
                    height  : 100%;
                }
                
                
                body {
                    background  : #cca;
                }
                
                #footer {
                    position    : absolute;
                    bottom      : 0;
                    height      : 40px;
                    width       : 100%;
                    background  : #fff;
                    
                }
    
                #footer p {
    
                    border      : 5px #666 solid;
                    height      : 30px;
                }
            </style>
        </head>
    
    <body>
    
        <div id="footer">
            
    
    Footer</p>
        </div>
    
    </body>
    </html>



    Keywords: footer basso posizione posizionato fissato allineato allineamento adiacente attaccato bordo fondo browser
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  4. #4
    GRAZIE MILLE fcaldera !!! proprio quello che fa al caso mio!
    un'ultima domandina....sapresti consigliarmi una buona fonte informativa di bug dei vari browser sull'interpretazione dei fogli di stile (sia on line che cartacea)?

    grazie ancora

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da ciro_ciro_oi
    GRAZIE MILLE fcaldera !!! proprio quello che fa al caso mio!
    un'ultima domandina....sapresti consigliarmi una buona fonte informativa di bug dei vari browser sull'interpretazione dei fogli di stile (sia on line che cartacea)?

    grazie ancora
    la risposta si trova nel thread dei link utili... in evidenza
    basta cercare "bug"
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Chiedo venia!
    avevo "abilmente" (miga tanto!!!) saltato a piè pari il regolamento del forum CSS e non avevo proprio visto la sezione link utili!!!!....sorry sorry!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.