• User Attivo

    posizionamento Footer con css

    Ciao Raga ho sistemato un sito e creato un css
    ora però con firefox mi sballa la posizione vi metto l'url: http://www.gioiamultiservicesgenova.it
    questo e la parte di css per il foote
    div#footer{ position:absolute;bottom:0; width: 100%;
    background-color: #69c;color: #000;text-align:center;clear:both; padding: 5px 0;}
    premetto che ne ho fatti solo 2 o 3 di css sono ancora all'inizio e li sto ancora studiando
    infatti non provo nemmeno a validarli perche sarebbe come fare Tafazzi
    se potete dirmi dove sbalgio
    mi risparmireste una nottata con il testone nel monitor
    :bho:


  • Super User

    Ciao,
    secondo me è "position: absolute", io non l'ho mai messo e non ho mai avuto problemi. Comunque ti consiglio di cercare su google una buona guida e leggerla bene. Altra alternativa è quella di guardare i CSS degli altri, per capirne il funzionamento.
    Anche perché, nel tuo sito, non sballa solo il footer, se lo visioni con FireFox ti rendi conto... 🙂


  • User Attivo

    ok ora provo un po a vedere cosa riesco a fare


  • User Attivo

    non ce verso ci sto sbattendo la testa da oggi e non riesco a capire dove sbaglio porca paletta
    puotete spiegarmi dove sto sbalgiando come se fossi un bimbo di 10 anni ?
    mhmh mio nipote ci akkiappa di più
    meglio come un bimbo di 6 anni ?


  • User Attivo

    ok ci siamo
    forse finalmente ho capito ma ho un problema ancora che non riesco a risolvere,
    date un'altra okkiata
    il layout ora e uguale in ie e in ff ma non riesco a mettere al centro il contenitore principale
    vi posto il css:

    /*stili per il layout */
    html,body{margin: 0;padding:0}
    body{background-image: url(./Images/Marmo_macchiato.gif);font-family: arial,sans-serif;font-size:76%;align:center}
    div#container{background-color:#C1D1E1;width: 76%;}
    /stili generici, per header e footer/
    div#header{color: #ff0;text-align: center;}
    div#footer a{color:#fff;font-weight: bold;text-decoration: underline;}
    /stili specifici per il layout/
    div#navigation{float: left;width: 160px;\width:170px;\width:160px;padding: 1em 0 0 10px}
    div#extra_dx{float: right;width: 160px;\width:170px;\width:160px;padding: 1em 5px;text-align: center;}
    div#content{margin: 0 170px;padding: 1em 10px;background-color: #fff}
    div#footer{clear:both;text-align:center; padding: 5px 0;
    background-color: #69c; color: #000}
    h1#Impresa_edile{color:Black;font-size:20px}
    h1.titoli_testo{color:Red;font-size:16px}
    h2.titoli_testo{color:green;font-size:14px;}
    h3.titoli_testo{color:blue;font-size:12px;}
    p#testo_legge{font-size:10px;}
    /stili per la navigazione/
    div#navigation ul{margin: 0;padding: 0; list-style-type: none}
    div#navigation li{margin: 0;padding: 0}
    div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
    div#navigation a:hover{color:;text-decoration: underline}
    div#navigation a#activelink{color: #033;text-decoration: none}
    div#navigation p{font-size: 90%}
    /stili per la sezione extra_dx/
    h1.extra_dx{color:Red;font-size: 18px;}
    h2.extra_dx{font-size: 16px;Color:Green}
    h3.extra_dx{font-size: 10px}


  • User Attivo

    fatto ora ci siamo 😄
    ho sistemato un po le cose :fumato: