Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Problema footer

  1. #1

    Problema footer

    ho una struttura del genere:

    <div id="container">
    <div id="header">
    </div>
    <div id="navigation">
    </div>
    <div id="content">
    <div id="news">
    </div>
    <div id="bimbo">
    </div>
    <div id="outlet">
    </div>
    <div id="newsletter">
    </div>
    </div>
    <div id="footer">
    </div>
    </div>

    i vari DIV all'interno del Content hanno posizionamenti assoluti.
    Come faccio a fare in modo che il footer appaia sotto questi DIV?
    -- Rage against the machine

  2. #2
    Devi sapere con esattezza qual è SEMPRE il <div> posizionato in modo assoluto più alto. A questo punto, invece di posizionarlo con position: absolute, lo posizioni staticamente (normalmente, senza dichiarare position, top e left). Infine gli attribuisci dei margini (su entrambi i lati o solo su un lato, a seconda della sua posizione), in modo che gli altri <div> posizionati in modo assoluto si "sovrappongano" a questi margini. Così facendo sarà questo box a determinare la posizione del footer, dato che i box posizionati in modo assoluto non influiscono sul layout dei box statici.
    Se invece non hai l'assoluta certezza di quale <div> sia sempre il più alto, devi eliminare i posizionamenti assoluti e usare il float su tutti i box. Poi devi usare un
    (a cui applichi una regola di stile che faccia il clear) appena prima di chiudere il <div> "content".

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.