Footer su tutta la pagina e allineamento form

**utopie** · 04-01-2007, 14:58

Originariamente inviato da salasir
Per ora cominciamo da qui:

Ho modificato il codice html di questa pagina a cui ho fatto riferimento al nuovo foglio di stile suggerito. il risultato non è quello cercato...

Originariamente inviato da salasir
Poi non ho capito una cosa:

codice:

<link rel="stylesheet" type="text/css" href="text/default.css" />
<style type="text/css">@import url(http://www.utopie.it/text/default.css);</style>

Perchè due include identici con due tecniche diverse?

il foglio di stile è lo stesso. dici che possono andare in conflitto? Nel caso posso eliminare un riferimento...

p.s. Dato che ho una certa fretta di completare il sito, nel caso non si riuscisse a risolvere il problema stavo valutando di tornare al vecchio footer, ma notavo che le pagine a 3 colonne mi escono tutte di questo tipo: http://www.utopie.it/k/antoine_de_saint-exupery.htm
cioè con il footer stranamente tutto spostato a sinistra... anche se DIV e codice sono gli stessi del layout a 2 colonne (tipo http://www.utopie.it/k/boicottaggio.htm) dove il footer si posiziona correttamente... :master:

**salasir** · 04-01-2007, 16:17

Ovviamente devi modificare il path del background del footer secondo la tua struttura (../images/design/navbg.jpg).

Il fatto che sia tutto allineato a sinistra è dovuto al text-align: left che hai nel footer.

Mentra la differenza tra i layout a due o tre colonne probabilmente è dovuto al posizionamento del div footer (all'interno o all'esterno) rispetto al container. Se stabilisci un layout a due colonne poniamo di 800px centrato, ed all'interno di questo ci metti il footer sarà di 800px anch'esso.

se lo vuoi largo tutta la pagina devi posizionarlo all'interno del body cioè dopo il div di chiusura del contenitore da 800px. Forse è più chiaro un esempio:

codice:

<body>
   <div id="container">      <==== contenitore da 800px
      .....                        
   </div>
   <div id="footer"> ... </div>    <=== così viene largo tutta la pagina
</body>

<body>
   <div id="container">      <==== contenitore da 800px
      .....                        
      <div id="footer"> ... </div>    <=== così viene largo 800px
   </div>
</body>

**utopie** · 04-01-2007, 16:54

Originariamente inviato da salasir
Mentra la differenza tra i layout a due o tre colonne probabilmente è dovuto al posizionamento del div footer (all'interno o all'esterno) rispetto al container. ...

Si è vero, problema risolto.

Grazie mille

Originariamente inviato da salasir
Ovviamente devi modificare il path del background del footer secondo la tua struttura (../images/design/navbg.jpg).

Il fatto che sia tutto allineato a sinistra è dovuto al text-align: left che hai nel footer.

certo! mi era sfuggito l'url...

Inserendolo la barra compare nella pagina anche se è molto più larga della barra in alto che volevo riprodurre.. come mai? :master:

**salasir** · 04-01-2007, 17:04

Allora, l'altezza dipende dal height che io ho lasciato a 30px come indicato nel tuo esempio per il footer mentre l'altro è più basso. Vedi tu.

Io ho messo anche text-align: center nella definizione del footer per evitare che il testo sia tutto appoggiato a sx.

Nelle prove che ho fatto io, spostando il footer dopo l'ultima chiusura, si allargava a tutta la pagina, ma sinceramente non mi sono andato a guardare tutto l'annidamento dei vari div.

Se vuoi un consiglio fatti la pagina da capo definendo solo i div senza contenuti aprendo e chiudendo ogni sezione ed inserendo un div alla volta, in modo da avere sotto controllo la posizione esatta. Poi ricopi i contenuti. Così dovresti velocemente venirne a capo.

PS Per il css, secondo me potrebbe non dare fastidio la doppia definizione, ma non serve...
e se posso permettermi un altro consiglio, ricordati di chiudere tutti i tag, anche quelli senza contenuto (<link ....... />, <img src=..... />), Sarai già a buon punto per xhtml.

**utopie** · 04-01-2007, 17:10

Perfetto.

Come avrai capito io non sono un webmaster e questo è il primo sito che faccio usando DIV e devo dire che ne ho usato tanti (forse troppi) e gestirli non è semplice.
Terrò sicuramente conto dei suggerimenti. Grazie ancora.

**salasir** · 04-01-2007, 17:31

Ti ripeto una cosa: elimina tutta la formattazione dal codice ed utilizza solo i CSS. Il codice risulta più pulito, semplice da leggere e leggero ed evita eventuali conflitti. Se poi rivedi il layout semplificandolo ... ti semplifichi la vita.

Ti indico una lettura di riflessione:
La nuova filosofia di progettazione web

Discussione: Footer su tutta la pagina e allineamento form

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio