Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
[Layout con div] footer distaccato dal menu e dal contenuto.
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
MessaggioInviato: 14 Gen 2009 22:40    Oggetto: [Layout con div] footer distaccato dal menu e dal contenuto. Rispondi citando
Salve utenti.

Come potete ben capire dal titolo, ho fatto un l'ayout con il footer (parte inferiore del sito) mi si vedi distaccata dal contenuto e dal menù, come mai?

Questo è tutto il codice dalla 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" />
<title>Pc Tools</title>
</head>

<body>
 <div id="container">
  <div id="header"> <!-- testata del sito. -->
   <div id="session-logo">
&nbsp;   </div>
   <div id="navigator">
&nbsp;   </div>
   <div id="head-center">
&nbsp;   </div>
  </div>
  <!-- Fine testata. -->
  <div id="container2"> <!-- Area centrale: contenitore menù e content. -->
   <div id="menù">
    <h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Main menù</h1>
   <div id="session-link">Tratuttori</div>
   <div id="session-link">Download</div>
   <div id="session-link">Software</div>
   <div id="session-link">Giochi on-line</div>
   <div id="session-link">Antivirus on-line</div>
   <div id="session-link">Musica</div>
   <div id="session-link">Sondaggi</div>
   <div id="session-link">Video upload</div>
   <div id="session-link">Immagine e foto</div>
   <div id="session-link">Grafica 3D</div>
   </div>
   <div id="content">
    &nbsp;
    <p>( container )  </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
   </div>
  </div> <!-- Fine area centrale. -->
  <div id="footer">
   <div id="foot-left">
    &nbsp;
   </div>
   <div id="foot-right">
    &nbsp;
   </div>
  </div>
 </div>
</body>
</html>


Mentre questo è il codice css correlata ad essa:
Codice:

body {
   background-image:url(img/bg.png);
   font-family:Arial, Helvetica, sans-serif;
   font-size:76%
}
h1, h2 {
   margin:0;
   font-size:12px
}
div#container {
   width:974px;
   margin:0 auto;
   opacity: .59
}

div#header {
   height:5em
}
div#session-logo {
   position:relative;
   float:left;
   width:200px;
   height:100%;
   background-image:url(img/session-logo.png)
}
div#navigator {
   position:relative;
   float:right;
   width:370px;
   height:100%;
   background-image:url(img/navigator.png);
   background-position:right
}
div#head-center {
   position:relative;
   margin:0 370px 0 200px;
   height:100%;
   background-image:url(img/head-center.png)
}

div#container2 {
   background-image:url(img/bg-menù.png);
   background-repeat:repeat-y
}
div#menù {
   float:left;
   width:200px;
}
div#content {
   margin:0 0 0 200px;
   background-image:url(img/bg-content.png)
}
div#footer {
   clear:both
}
div#foot-left {
   float:left;
   width:50%;
   background-image:url(img/foot-left.png)
}
div#foot-right {
   float:right;
   width:50%;
   background-image:url(img/foot-right.png)
}
div#session-link {
   margin:1px 0 0 35px
}


Aspetto vostre risposte.
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412
MessaggioInviato: 15 Gen 2009 15:52    Oggetto: Rispondi citando
aggiungi questo al CSS:
Codice:
*{margin:0;border:0;padding:0;}
Top
Profilo Invia messaggio privato
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
MessaggioInviato: 15 Gen 2009 16:14    Oggetto: Rispondi citando
Ho provato al mettere il tuo codice ma nn risolvo nulla.
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412
MessaggioInviato: 15 Gen 2009 16:16    Oggetto: Rispondi citando
sevenjeak ha scritto:
Ho provato al mettere il tuo codice ma nn risolvo nulla.

puoi mettere la pagina on-line per vedere di quanti pixel si distacca?
Top
Profilo Invia messaggio privato
sevenjeak
Semidio
Semidio


Registrato: 04/02/08 22:05
Messaggi: 308
Residenza: Roma
MessaggioInviato: 15 Gen 2009 16:29    Oggetto: Rispondi citando
Ho risolto ora, il tuo codice andava bene, ma in + avevo qualcosa nell'html.
Top
Profilo Invia messaggio privato HomePage
mdweb
Dio maturo
Dio maturo


Registrato: 18/12/07 16:59
Messaggi: 4412
MessaggioInviato: 15 Gen 2009 16:31    Oggetto: Rispondi
sevenjeak ha scritto:
Ho risolto ora, il tuo codice andava bene, ma in + avevo qualcosa nell'html.

ok

praticamente ogni div ha dei pixel di padding,margin e border.L'* seleziona tutti i div e il resto li azzera Wink
Top
Profilo Invia messaggio privato
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi