Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Dimensioni in %

  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    32

    Dimensioni in %

    Buon giorno a tutti!
    Oggi devo proprio essere esaurito dato che sono fermo su un problema banale come pochi..
    Se non sbaglio le dimensioni dei blocchi espresse in % hanno significato rispetto al contenitore, quindi impostando le cose in questo modo:

    codice css
    codice:
    body{
    	height:100%;
    	width: 100%;
    	margin: 0;
    	padding: 0;
    }
    
    #container {
    	height: 100%;
    	width: 100%;
    }
    
    #header{
    	height: 30%;
    	width: 100%;
    }
    
    #mybody{
    	height: 55%;
    	width: 100%;
    	}
    	
    #footer{
    	height: 15%;
    	width: 100%;
    }
    ed un file html normalissimo come:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Scheletro</title>
    </head>
    
    <body>
    <div id="container">
    	<div id="header"></div>
    	<div id="mybody"></div>
    	<div id="footer"></div>
    </div>	
    </body>
    </html>
    i blocchi header, mybody e footer dovrebbero occupare rispettivamente il 30%, 55%, 15% della pagina ed invece non lo fannoooo!!!
    Spreste dirmi il motivo??

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, aggiungi

    codice:
    html{
    	height:100%;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    32
    Originariamente inviato da Prill
    Ciao, aggiungi

    codice:
    html{
    	height:100%;
    }
    Grazie mille!
    Io avevo aggiunto
    .{
    height:100%;
    }
    ma non andava!

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.