Visualizzazione dei risultati da 1 a 4 su 4

Discussione: footer - top variabile

  1. #1

    footer - top variabile

    Ciao a tutti,
    ho un problemino VVoVe: ;
    ho organizzato i contenuti attraverso dei div con con questo stile:
    codice:
    .content {
    	overflow:auto;
    	position:absolute;
    	top:170px;
    	left:50px;
    	width:60%;
    	height:1%;
    	min-height:300px;}
    in questo modo il mio div si adatta all'altezza dei contenuti.
    Alla base di quel div ne vorrei aggiungere un altro a rappresentare il footer del layout. Chiaramente però il top del footer deve seguire l'height del div sopra di esso. E quì casca l'asino, se inserisco un altro div con questo stile:
    codice:
    .footer_1 {
    	position:relative;
    	left:0px;
    	width:95px;
    	height:43px;
    }
    me lo trovo direttamente in testa alla pagina.
    Come posso risolvere il problema?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Elimina i position da ambedue.

    In particolare il position:absolute fa sganciare il blocco dal normale allineamento e ti fa sballare tutto il resto.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    così funziona, però non riesco più a controllare la proprietà left dei contenuti, e me li trovo attacati al lato sinistro della finestra.
    Grazie

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Devi controllarla con il margin.

    per posizionare un blocco al centro di quello che lo contiene devi mettere nel CSS del blocco da centrare:
    margin: 0 auto;

    e (per far contento IE) nel CSS del blocco che lo contiene:
    text-align: center;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.