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

    Problema footer e testo nella pagina

    Ho utilizzato il css di questa pagina per sistemare il footer (http://css.html.it/guide/lezione/64...ema-del-footer/) e ciò funziona solo se un altro div chiamato "text" sotto cui deve stare il footer.

    Questo il codice di text:

    #text {
    text-align: justify;
    background-color: grey;
    position: absolute;
    top: 200px;
    right: 298px;
    bottom: 0px;
    left: 270px;
    }

    Solo che se gli dò un pisizionamento il footer nn sta in basso, solo se non posiziono text.


    P.S.:ho provato a cercare nel forum, ma nisba.

    Spero il titolo vada bene.

  2. #2
    Io non ho capito di cosa hai bisogno.... (in compenso quel codice che hai scritto non mi piace)
    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
    Mettere un footer. Fin quà ci sono arrivato, ma il css che uso (vedi link precedente) funziona solo se a text on viene data una posizione. Questo tutto il codice della pagina:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="it">    <head>  <meta http-equiv="content-type" content="text/html; charset=utf-8" />  	<title>Libri</title>  <link rel="stylesheet" type="text/css" href="tendina.css" />  <link rel="shortcut icon" href="grafica/favicon.ico?v=1" />          <style type="text/css">   html, body {  margin: 0 auto;  padding 0;  height: 100%;  }      body {  background-image: url(grafica/Sfondo_2.png);  background-repeat: repeat-x;  }     #head {  position:absolute;  top: 20px;  left: 290px;  right: 430px;  text-align: justify;  }     #testa {  font-size: 24px;   }      div#asd {  position:absolute;  top: 55px;  right: 320px;  z-index: 10;  }     div#assoluto {  position:fixed;  top: 35px;  right: 210px;  z-index: 10;   }     #ang_sx {  position:a bsolute;  top: 0px;  left: 0px;  z-index: 8;  }     #ang_dx {  position:absolute;  top: 0px;  right: 0px;  z-index: 8;  }       div#logo {  position:absolute;  top: 15px;  right: 0px;  bottom: 0px;  left: 10px;  z-index: 10;  border: none;  }     .logo {  border: 0;  }     #colonna_ie {  display: none;  }     #colonna {  position: fixed;  top: 200px;  right: 0px;  bottom: 50px;  left: 0px;  z-index: 7;  }     #text {  text-align: justify;  background-color: trasparent;  position:absolute;  top: 200px;  right: 298px;  bottom: 0px;  left: 270px;  }     #footer {  position: absolute;  top: 100px;  width: 100%;  }     #big_footer {  position: relative;  height:100%  }     body>div#big_footer {  height: auto;  min-height: 100%  }     #content {  padding: 0 1.5em 5em  }       </style>    <script type="text/javascript" src="sclmenu.js"></script>  <script type="text/javascript">  (function(){    var menu1=new Scl.Menu(130);    menu1.addItem('','');    menu1.addItem('Yahoo Search','http://www.yahoo.com');    menu1.addItem('MSN Live Search','http://www.live.com');    menu1.addItem('Ask Search','http://www.ask.com');    menu1.dockTo('demo');    }  )();  </script>  </head>  <body>  <div id="big_footer">  <div id="ang_sx">[img]grafica/ang_sx.png[/img]</div>  <div id="ang_dx">[img]grafica/ang_dx.png[/img]</div>  <div id="logo">[img]Grafica/Logo_4.png[/img]</div>  <div id="asd">ASD</div>  <div id="assoluto">  <div id="demo">[img]grafica/generi_2.png[/img]</div>  </div>    <div id="colonna">[img]grafica/menu_dx_6.png[/img] <map name="menu_dx_6" id="mappa">  <area shape="rect" coords="30,65,190,128" href="#" alt="" />  <area shape="rect" coords="30,156,190,217" href="#" alt="" />  <area shape="rect" coords="30,246,190,307" href="#" alt="" />  <area shape="rect" coords="30,336,190,396" href="#" alt="" /></map></div>    <div id="colonna_ie">[img]grafica/menu_dx_6.gif[/img] <map name="menu_dx_6" id="mappa">  <area shape="rect" coords="30,65,190,128" href="#" alt="" />  <area shape="rect" coords="30,156,190,217" href="#" alt="" />  <area shape="rect" coords="30,246,190,307" href="#" alt="" />  <area shape="rect" coords="30,336,190,396" href="#" alt="" /></map></div>  <div id="head">  <div id="testa">Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.</div>  </div>    <div id="content">  <p id="text">-->Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
      
      
      
      
      
      
      
    </p>  </div>  <div id="footer">---</div></div>  </body>  </html>
    Qualcuna sa aiutarmi?

  4. #4
    Originariamente inviato da andrew low
    Mettere un footer. Fin quà ci sono arrivato, ma il css che uso (vedi link precedente) funziona solo se a text on viene data una posizione.
    .... ...
    Qualcuna sa aiutarmi?
    Mah... il tuo codice è pieno di "sporcizia" (senza offesa, eh)... ci sono troppi ingarbugliamenti... è pieno di position...
    Prova a farti un file nuovo, pulito, con solo l'esperimento del footer.
    Cerca di NON usare le position (che per i div di default è Relative). Vedrai che farai molto presto...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

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

  5. #5
    Se non gli do una posizione come faccio a organizzare i contenuti?

  6. #6
    Originariamente inviato da andrew low
    Se non gli do una posizione come faccio a organizzare i contenuti?
    Div affiancati, margini, dimensioni... "ha'voglia te" a soluzioni!
    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
    E scusa se te lo chiedo, ma a cosa serve? Qual è il vantaggio?

  8. #8
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

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

  9. #9
    Sia i css che html li ho letti, tempo fa, e non ricordo nulla riferito ai posizionamenti coi css che è meglio farli senza position: ;. Mi puoi dare il link corretto o un breve riassunto?

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.