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

    Posizionamento css - Il footer..

    Ciao a tutti

    sto realizzando un sito utilizzando i css...

    il footer dovrebbe per logica stare in fondo dopo le colonne...ma se il testo o le immagini fanno allungare la colonna di destra o di sinistra ( ho solo due colonne) il footer resta fermo li e si accavalla alle colonne! Perchè ?

    Di seguito riporto il mio css:

    #main
    {
    position: relative;
    width: 800px;
    background-color: #ffffff;
    margin: auto;
    }

    #header
    {
    position:relative;
    height: 130px;
    }

    #logo
    {
    position:absolute;
    top:10px; left:10px;
    width: 215px;
    height: 111px;
    background-color: #ffffff;
    }

    #mm
    {
    position: absolute;
    left: 270px;
    top: 0px;
    font-size: 11px;
    font-family: Verdana;
    color: white;
    border-left: white 1px dotted;
    }

    #contents
    {
    position:relative;
    top:20px;
    background-color: #FFFFFF;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    }

    #left
    {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 150px;
    min-height: 400px;
    height: auto !important;
    height: 400px;

    }

    #right
    {
    position: absolute;
    top: 0px; right: 0px;
    width:600px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    }

    #footer
    {
    position:relative;
    background: #c1c1c1;
    height: 60px;
    }

    Dove sbaglio?

    Ciao e grazie

  2. #2
    Devi aggiungere "clear:both" al tuo #footer
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Originariamente inviato da ricman
    Devi aggiungere "clear:both" al tuo #footer
    Ho provato e non funziona.

    Se non ricordo male clear:both si usa quando si fai il poizionamento con FLOAT?!

    Altri sugerienti?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il tuo probelma e` l'uso dei posizionamenti. In pratica nella tua pagina tutti i blocchi sono posizionati in maniera rigida: in tal modo se uno e` piu` lungo (magari solo perche` l'utente ha ingrandito i caratteri), quello che segue si sovrappone.

    Dovresti ABBANDONARE TUTTI I POSIZIONAMENTI (e quindi di tutti i top e left), ed usare quindi una formattazione fluida, mediante l'uso dei float. Chiaramente in tal caso il footer dovra` avere il clear.

    Trovi esempi di formattazione tra i "link utili".
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    In effetti a questa cosa ci avevo pensato, ma volevo capire se c'era un modo per risolvere la cosa...

    Intuisco di no

    siccome per il posizionamento con i float avevo letto che limitavano l'indicizzazione nei motori di ricerca cercavo di trovare alternative...

    Grazie mille

  6. #6
    Originariamente inviato da F_Imbesi
    siccome per il posizionamento con i float avevo letto che limitavano l'indicizzazione nei motori di ricerca cercavo di trovare alternative...
    Mai avuti problemi...

    Leggiti qualcosa qui


    PS: mi scuso per la risposta avventata... avevo letto con superficialità...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    siccome per il posizionamento con i float avevo letto che limitavano l'indicizzazione nei motori di ricerca cercavo di trovare alternative...
    Mai sentito una cosa del genere. Mi pare una assurdita`. Se hai i riferimenti postali.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    Originariamente inviato da Mich_
    Mai sentito una cosa del genere. Mi pare una assurdita`. Se hai i riferimenti postali.
    Ecco un riferimento:

    http://css.html.it/guide/lezione/70/...ento-assoluto/

    Ovviamente non parla di esclusione dai motori di ricerca, ma di meno chanche.

    ciao e grazie

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Mi sa che quella guida e` un po' vecchia.
    Il layout a due colonne con posizionamenti assoluti presenta dei significati vantaggi esterni rispetto all'analogo con i float. Questi sono l'accessibilità e delle migliori chanche di indicizzazione e posizionamento sui motori di ricerca. Ha però uno svantaggio: non consente di avere la colonna di navigazione più lunga della colonna dei contenuti se vogliamo avere un footer a larghezza piena. Se siamo disposti ad accettare questa condizione, a parer mio il layout con posizionamenti assoluti è da preferire.
    Tanti altri articoli, proprio di Alessandro Fulciniti, dicono altre cose (a volte il contrario). Qui sotto due che ho nei miei riferimenti. Inoltre fare layout rigidi e` proprio conto le regole di accessibilta`. Ritengo che o Alessandro ha sbagliato a scrivere, oppure nel frattempo le cose sono cambiate (o lui ha imparato altre cose).
    Mando subito un messaggio all'autore: spero che lo legga e che intervenga in questa discussione.

    Layout elastico a due colonne
    Layout liquido a due colonne
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  10. #10
    Io proporrei di frustarlo! ...

    Ovvimente scherzo!

    Grazie per i sugerimenti ... alla prossima...

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.