Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    problema con height:100% in un DIV

    Ciao a tutti!
    non sono esattamente un novello con il CSS e ho un problema che sono certo si tratta di una sciocchezza ma non mi riesce di risolverlo: sul mio sito minerva fitness come potrete vedere ho un DIV centrato orizzontalmente che dovrebbe sempre occupare tutto lo spazio , da cima a fondo (ho impostato height:100%) e invece su alcune pagine si ferma prima e lascia vedere il background nero del body. Ho anche provato alcune delle hack tipo impostare anche il min-height a 100% o impostare l'height del body a 100% ma niente..

    Fate una grazia, ditemi PERCHE'?!?!!?!?!?!?

    Grazie un milione


    questo e' il mio CSS, #contenitore e' il DIV in questione:

    codice:
     body {
    
    	font-family: Arial, Helvetica, sans-serif;
    
    	line-height: 1.3em;
    
    	margin: 0;
    
    	padding: 0;
    
    	font-size: 12px;
    
    	background: #000;
    
            color:#636467;
    
    }
    
    
    
    .contentpagetitle {
    
    	font:Verdana, Arial, Helvetica, sans-serif;
    
    	font-size:22px;
    
    	color:#8CC63F;
    
    }
    
    
    
    #contenitore {
    
    	width:  750px;
    
    	height: 100%;
    
    	margin: 0 auto;
    
    	border:1px solid #FFF;
    
    	z-index:999;
    
    	background:#fff;
    
    } 
    
    
    
    #min_menu {
    
    	position: relative;
    
    	text-align:center;
    
    	float:right;
    
    	top:10px;
    
    	width:530px;
    
    	height:30px;
    
    	background: url(../images/menu_bkg.jpg) no-repeat 0 0;
    
    	}
    
    
    
    #min_menu a:link, #min_menu a:visited {
    
    	text-decoration: none;
    
    	font-weight: normal;
    
    	color: #636467;
    
    }
    
    
    
    #min_menu a:hover {
    
    	text-decoration: underline;
    
    	font-weight: normal;
    
    	color: #8CC63F;
    
    }
    
    
    
    #min_content {
    
    	position:relative;
    
    	padding:20px;
    
    	height:100%;
    
    	top:20px;
    
    }
    
    
    
    #min_logo {
    
    	position:relative;
    
    	text-align:center;
    
    	left:10px;
    
    	top:10px;
    
    	width:170px;
    
    	height:170px;
    
    	z-index:999;
    
    	background: url(../images/logo.png) no-repeat 0 0;
    
    }
    
    
    
    #min_image {
    
    	position:relative;
    
    	left:210px;
    
    	bottom:50px;
    
    	width:530px;
    
    	height:353px;
    
    	z-index:-999;
    
    }
    - - - keep it simple - - -

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    Re: problema con height:100% in un DIV

    Originariamente inviato da GordonMX
    piccola parentesi: [] ...
    Il regolamento è lì ed è concepito proprio per il quieto vivere.
    Se non lo rispetti non vedo come tu possa lamentare la chiusura del thread.

    Un utente che ha il tuo stesso problema come può pensare che dentro il tuo thread ci sia la soluzione che cerca se non gli dai un titolo appropriato? Se un giorno TU dovrai fare una ricerca che tipo di titoli ti aspetti di trovare dai risultati?


    Se hai altri dubbi ti invito ad esprimerli in privato (come peraltro richiesto dal regolamento stesso)
    Ciao.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    A me così funziona... non so perchè a te no... riprova con un file pulito...

    codice:
    html, body {height:100%}
    
    #ciccio {height:100%;}
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

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.