footer che non sta in basso

**pippo2304** · 15-01-2009, 18:53

ragazzi ho cercato da tutte le parti ma non riesco a venirne a capo..

codice:

<body>
<div id="container">
<div id="menu"> </div>
<div id="sottomenu"> </div>
<div id="menusx"> </div>
<div id="centrale"> </div>
<div id="footer"> </div>
</div>	
</body>

body{
	font-family: arial,sans-serif;
	font-weight:normal;
	text-align: center; 
	background-color:#FFFFFF;		
}

#container {
	position:relative;
	width:992px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	height:100%;	
}

div#footer {	
	width: 992px; 
	border:1px solid #cf8820;	
}

div#menu {
	position:absolute;
	border:1px solid #cf8820;
	border-top: none;
	width: 990px;
	height: 40px;
	top:0px;
	left: 0px;
	background-color:#ea9a2b;
}

div#menusx {
	position:absolute;
	border:1px solid #cf8820;
	width: 140px;
	height: 566px;
	top:80px;
	left: 0px;
}

div#centrale {
	position:absolute;
	border:1px solid #cf8820;
	width: 450px;	
	top: 80px;
	left: 150px;
}

il problema è che vorrei che il div centrale sia fluido mentre e che il footer lo seguisse quando si allunga.. ma non riesco.. ho provato con border-bottom: 0; ma così mi rimane sempre posizionato sulla parte bassa del browser ma non segue il div centrale.. come posso fare???

grazie!

**pippo2304** · 20-01-2009, 16:52

up

**Mich_** · 20-01-2009, 17:11

Se usi posizionamenti assoluti, non ne verrai a capo.

Parti da qualche layout pronto (alcuni riferimenti tra i "link utili") e prova ad inserire i tuoi dati dentro il layout

**pippo2304** · 21-01-2009, 00:10

non c'è modo di farlo così?? devo per forza usare i div flottanti?

**Mich_** · 21-01-2009, 09:51

Originariamente inviato da pippo2304
non c'è modo di farlo così?? devo per forza usare i div flottanti?

Il "devo per forza" e` una espressione molto forte quando si parla di programmazione.

Io partirei da queste considerazioni:
1. Ci son fior di esempi di layout, che riescono a realizzare QUASI tutto quello che si vuole.
2. L'uso dei posizionamenti e` una delle cose piu` difficili da realizzare (occorre una buona esperienza con i CSS solo per capire gli articoli che ne parlano).
3. Il Web NON e` carta stampata: non puoi conoscere le caratteristiche del monitor dell'utente (inoltre alcune caratteristiche che si possono impostare con i CSS vengono sovrascritte dai browser).

Comunque ti lascio i riferimenti a due articoli sui posizionamenti: se li capisci bene, puoi usare i posizionamenti, altrimenti fai meglio a ritornarci tra qualche mese.
I posizionamenti assoluti
Capire i posizionamenti relativi

**ricman** · 21-01-2009, 09:53

Originariamente inviato da pippo2304
non c'è modo di farlo così?? devo per forza usare i div flottanti?

Non sei obbligato ma è il metodo più conosciuto e migliore ... è moooolto più semplice... Metti tutto float e assegni il Clear al footer... ìFatto

Discussione: footer che non sta in basso

Strumenti discussione

Ricerca discussione

Visualizza

footer che non sta in basso

Permessi di invio