Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Footer problem

  1. 25-10-2006, 20:28 #1
    web_piero
    web_piero non è in linea
    Utente di HTML.it L'avatar di web_piero
    Registrato dal
    Dec 2004
    Messaggi
    250

    Footer problem

    Inizio ad odiare i footer, ho realizzato questo CSS, ma come al solito non mi funziona il footer. Posto i CSS.
    Codice PHP:
    body {
    margin:0px;
    padding:0px;
    background:url(design_classic/background.gif);
    height: 100%
    }

         #totale {
    position:absolute;
    width:800px;
    top:0px;
    left:10%;
    }

         #titolo {
    position:absolute;
    width:771px;
    height:179px;
    top:0px;
    left:0px;
    background:url(design_classic/1-top.gif);
    }

         #link {
    position:absolute;
    width:772px;
    height:45px;
    top:179px;
    left:0px;
    background:url(design_classic/2-top.gif);
    }

         #tlink {
    position:relative;
    width:358px;
    height:45px;
    top:0px;
    left:232px;
    padding:10px;
    }

         #tblog {
    position:absolute;
    width:771px;
    height:29px;
    top:224px;
    left:0px;
    background:url(design_classic/3-top.gif);
    }

         #tblogtext {
    position:relative;
    width:596px;
    height:29px;
    top:0px;
    left:242px;
    }

         #textblog {
    position:absolute;
    width:771px;
    height:91px;
    top:253px;
    left:0px;
    background:url(design_classic/4-top.gif);
    }

         #textblogtext {
    position:relative;
    width:411px;
    height:90px;
    top:0px;
    left:251px;
    }

         #barrablog {
    position:absolute;
    width:770px;
    height:26px;
    top:334px;
    left:1px;
    background:url(design_classic/5-top.gif);
    }

         #barrablogtext {
    position:relative;
    width:422px;
    height:26px;
    top:0px;
    left:251px;
    text-align:right;
    }

         #testo{
    position:absolute;
    width:770px;
    top:360px;
    left:1px;
    background:url(design_classic/6-top.gif);
    }

         #testotext{
    position:relative;
    width:416px;
    top:0px;
    left:233px;
    }

         #testodis{
    position:absolute;
    width:121px;
    top:0px;
    left:649px;
    height:170px;
    }

    #footer
    {
    position: relative;
    width: 771px;
    height: 50px;
    bottom: 0;
    border: none;
    background: #000000
    text-align: center;
    font: italic 12px arial;
    } 
    http://qzit.altervista.org
    Rispondi quotando Rispondi quotando
  2. 26-10-2006, 11:07 #2
    salasir
    salasir non è in linea
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887

    Re: Footer problem

    Originariamente inviato da web_piero
    Inizio ad odiare i footer, ho realizzato questo CSS, ma come al solito non mi funziona il footer.
    :master:

    Cosa non funziona? Se è il background che hai evidenziato, manca la chiusura ";".
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"
    Rispondi quotando Rispondi quotando
  3. 26-10-2006, 12:28 #3
    web_piero
    web_piero non è in linea
    Utente di HTML.it L'avatar di web_piero
    Registrato dal
    Dec 2004
    Messaggi
    250
    Non mi va come footer, provo a postare sia i CSS che la pagina.

    CSS
    Codice PHP:
    body {
    margin:0px;
    padding:0px;
    background:url(design_classic/background.gif);
    height: 100%
    }

         #totale {
    position:absolute;
    width:800px;
    top:0px;
    left:10%;
    }

         #titolo {
    position:absolute;
    width:771px;
    height:179px;
    top:0px;
    left:0px;
    background:url(design_classic/1-top.gif);
    }

         #link {
    position:absolute;
    width:772px;
    height:45px;
    top:179px;
    left:0px;
    background:url(design_classic/2-top.gif);
    }

         #tlink {
    position:relative;
    width:358px;
    height:45px;
    top:0px;
    left:232px;
    padding:10px;
    }

         #tblog {
    position:absolute;
    width:771px;
    height:29px;
    top:224px;
    left:0px;
    background:url(design_classic/3-top.gif);
    }

         #tblogtext {
    position:relative;
    width:596px;
    height:29px;
    top:0px;
    left:242px;
    }

         #textblog {
    position:absolute;
    width:771px;
    height:91px;
    top:253px;
    left:0px;
    background:url(design_classic/4-top.gif);
    }

         #textblogtext {
    position:relative;
    width:411px;
    height:90px;
    top:0px;
    left:251px;
    }

         #barrablog {
    position:absolute;
    width:770px;
    height:26px;
    top:334px;
    left:1px;
    background:url(design_classic/5-top.gif);
    }

         #barrablogtext {
    position:relative;
    width:422px;
    height:26px;
    top:0px;
    left:251px;
    text-align:right;
    }

         #testo{
    position:absolute;
    width:770px;
    top:360px;
    left:1px;
    background:url(design_classic/6-top.gif);
    }

         #testotext{
    position:relative;
    width:416px;
    top:0px;
    left:233px;
    }

         #testodis{
    position:absolute;
    width:121px;
    top:0px;
    left:649px;
    height:170px;
    }

    #footer
    {
    position: relative;
    width: 771px;
    height: 42px;
    bottom: 0;
    border: none;
    background: url(design_classic/7-top.gif);
    text-align: center;
    font: italic 12px arial;
    } 
    PAGINA
    Codice PHP:
    <html><head>
    <    meta name="Author" content="Piero Gregori 2006">
           <    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
           <    meta http-equiv="CONTENT-LANGUAGE" content="Italian">
        <    meta name="DESCRIPTION" content="Foto, Blog e altro ancora">
        <    meta name="KEYWORDS" content="Piero Gregori, foto, disordinato, ">
        <    meta name="ROBOTS" content="INDEX, FOLLOW">
        <    meta name="REVISIT-AFTER" content="4 WEEKS">
        <    meta name="generator" content="HTML Tidy, see [url]www.w3.org[/url]">
        <    meta name="RATING" content="General">

    <    style> @import url(design_classic.css); </style>

    </    head><body>
    <    div id="totale"> <!-- NON SCRIVERE NULLA NEL TOTALE --!>
    <    div id="titolo">
    </    div>
    <    div id="link"><div id="tlink">
    [    img]design_classic/red.gif[/img]<font size="+1"> Blog</font> |
    [    img]design_classic/blue.gif[/img]<font size="+1"> Foto</font> |
    [    img]design_classic/green.gif[/img]<font size="+1"> Web</font> |
    [    img]design_classic/orange.gif[/img]<font size="+1"> Me</font> |
    [    img]design_classic/yellow.gif[/img]<font size="+1"> G.Book</font>
    </    div></div>
    <    div id="tblog"><div id="tblogtext">
    <    font size="+1">[b]L'ultima dal BLOG[/b]</font>
    </div></div>
    <div id="textblog"><div id="textblogtext">
    Il sito è aperto... text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
    </div></div>
    <div id="barrablog"><div id="barrablogtext">
    <font size="+1">[b]10 Commenti / Permalink[/b]</font>
    </div></div>
    <div id="testo"><div id="testodis">[img]design_classic/6-topdx.gif[/img]
    </div><div id="testotext">
    text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
    </div>

    <div id="footer">Sito realizzato da...</div></div>



    </div></body></html> 

    AIUTATEMI!!! VVoVe: VVoVe: VVoVe:
    http://qzit.altervista.org
    Rispondi quotando Rispondi quotando
  4. 26-10-2006, 12:58 #4
    salasir
    salasir non è in linea
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    Non è che sei stato molto più chiaro ...
    Provo ad immaginare:

    codice:
    #footer 
{ 
position: absolute ; 
width: 771px; 
height: 42px; 
bottom: 0; 
border: none; 
background: url(design_classic/7-top.gif); 
text-align: center; 
font: italic 12px arial; 
}
    Un'altra cosa: se devi aggiungere dello spazio sotto ad un div, utilizza il margin-bottom , non i
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"
    Rispondi quotando Rispondi quotando
  5. 26-10-2006, 13:01 #5
    web_piero
    web_piero non è in linea
    Utente di HTML.it L'avatar di web_piero
    Registrato dal
    Dec 2004
    Messaggi
    250
    ma non capisco, allora nella pagina ho fatto uscire il div del footer dalla parte testo, ma lasciandolo sempre nel div principale, ma il footer mi finisce in cima alla pagina! Non posso lasciarlo dentro al div testo poichè mi coprirebbe un pezzo di pagina! Aiutatemi vi prego!
    http://qzit.altervista.org
    Rispondi quotando Rispondi quotando
  6. 26-10-2006, 13:14 #6
    web_piero
    web_piero non è in linea
    Utente di HTML.it L'avatar di web_piero
    Registrato dal
    Dec 2004
    Messaggi
    250
    Risolto, solito autoincasinamento con relative e absolute, posto il codice corretto e validato CSS.

    CSS
    Codice PHP:
    body {
    margin:0px;
    padding:0px;
    background:url(design_classic/background.gif);
    height: 100%
    }

         #totale {
    position:absolute;
    width:800px;
    top:10px;
    left:10%;
    border: none;
    }

         #titolo {
    position:relative;
    width:771px;
    height:179px;
    top:0px;
    left:0px;
    background:url(design_classic/1-top.gif);
    }

         #link {
    position:relative;
    width:772px;
    height:45px;
    top:0px;
    left:0px;
    background:url(design_classic/2-top.gif);
    }

         #tlink {
    position:relative;
    width:358px;
    height:45px;
    top:0px;
    left:232px;
    padding:10px;
    }

         #tblog {
    position:relative;
    width:771px;
    height:29px;
    top:0px;
    left:0px;
    background:url(design_classic/3-top.gif);
    }

         #tblogtext {
    position:relative;
    width:596px;
    height:29px;
    top:0px;
    left:242px;
    }

         #textblog {
    position:relative;
    width:771px;
    height:91px;
    top:0px;
    left:0px;
    background:url(design_classic/4-top.gif);
    }

         #textblogtext {
    position:relative;
    width:411px;
    height:90px;
    top:0px;
    left:251px;
    }

         #barrablog {
    position:relative;
    width:770px;
    height:26px;
    top:0px;
    left:1px;
    background:url(design_classic/5-top.gif);
    }

         #barrablogtext {
    position:relative;
    width:422px;
    height:26px;
    top:0px;
    left:251px;
    text-align:right;
    }

         #testo{
    position:relative;
    width:770px;
    top:0px;
    left:1px;
    background:url(design_classic/6-top.gif);
    }

         #testotext{
    position:relative;
    width:416px;
    top:0px;
    left:233px;
    }

         #testodis{
    position:absolute;
    width:121px;
    top:0px;
    left:649px;
    height:170px;
    }

    #footer 
    { 
    position: relative; 
    width: 771px; 
    height: 42px; 
    margin-bottom: 0px; 
    background: url(design_classic/7-top.gif); 
    } 

    GRAZIE 1000 DEI CONSIGLI!!!
    http://qzit.altervista.org
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.