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

    Disposizione DIV full page

    Ciao a tutti,
    mi hanno detto che qui dentro girano dei guru del css2 e allroa eccomi qui a postare un mio problema


    Dovrei impagianre una intrfaccia per un gestionale (realizzato in aspx) con le seguenti caratteristiche.

    Un header sempre fisso in alto
    Un fotoer smepre fisso in fondo alla pagina e in mezzo un layer che contiene tutto.

    Problema: come facico a dirgli che il layer in fondo il footer.. deve semrpe stare in fondo? in pratica non posso dargli un altezza 100% al layer centrale perchè con firefox il tutto sballa.

    Diciamo che ifn quando il contenuto della pagina è lungo e forza a scorrere la pagian il rpoblema non sussiste, ma invece quando il contenuto della pagian è pochissimo il footer mi rimane in mezzo allo schermo e invece vorrei fissarlo sul fondo.

    Vi ringrazio per il supporto.
    If what you were looking for doesn't show up, investigate it!
    Google is your friend

  2. #2
    sono riuscito aposizionare il footer in basso sempre ma non riesco a dire al div centrale (content) di occupare tutta la pagina tra header e footer

    Vi incollo la pagina

    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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    html, body {
    	height: 100%;
    }
    body {
    	margin: 0;
    	padding: 0;
    	font: 12px/1.5 verdana, arial, helvetica, sans-serif;
    }
    #container {
    	position: relative;
    	min-height: 100%;
    	height: 100%;
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	height: auto;
    }
    html>body #container {
    	height: auto;
    }
    #header {
    	background-color: #a8c;
    }
    #footer {
    	position: absolute;
    	bottom: 0;
    	background-color: #609;
    	width:100%;
    }
    #content {
    	background-color: #999933;
    }
    p {
    	margin: 0px;
    }
    -->
    </style>
    </head>
    <body>
    <div id="container">
    	<div id="header">header</div>
    	<div id="content">
    	  
    
    content</p>
    	  
    
    </p>
    	  
    
    Questo layer dovrebbe occupare tutta la pagina </p>
    	</div>
    	<div id="footer">footer</div>
    </div>
    </body>
    </html>
    If what you were looking for doesn't show up, investigate it!
    Google is your friend

  3. #3
    scusate se uppo, ma come si risolve?


    tnx
    1,2,3,4,5,10,100 passi!

  4. #4
    Originariamente inviato da i_am_antipop
    scusate se uppo, ma come si risolve?


    tnx
    è passato del tempo .. non mi ricordo;

    in questo giorni rispolvero i files e ti posto il codice.
    If what you were looking for doesn't show up, investigate it!
    Google is your friend

  5. #5
    Originariamente inviato da Hedo
    è passato del tempo .. non mi ricordo;

    in questo giorni rispolvero i files e ti posto il codice.
    ok, grazie mille!
    1,2,3,4,5,10,100 passi!

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.