Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    1,476

    [CSS] Footer sempre a pič pagina..

    ciao raga,

    tempo fa c'erano delle soluzioni... ma con pregi e difetti. Allo stato dei fatti, ora esiste qualcosa che mi consente di inserire un footer sempre a pič pagina indipendentemente dal contenuto?

    grazie.

    questa č la mia 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 name="generator" content="phpEdit0.8" />	
    <style type="text/css">
    		html, body {
    		padding: 0px 0px;
    		margin: 0px 0px;
    		text-align: center;
    		}
    		
    		body{background: #FFF url(./image/sfondo.jpg) repeat-y center;
        	}
    								
    		#container {
    			width: 750px;
    			\width: 770px;
    			w\idth: 750px;
    			margin: 0px 0px;
    			padding: 0px;
    		}
    
    		#banner {
    			padding: 0;
    			margin: 0px 0px;
    		}
    
    		#content {
    			padding: 0px 0px;
    			background-color: #FFF;
    		}
    
    		#menudown {
    			height:35px;
    			clear: both;
    			padding: 0;
    			margin: 0px 0px;		
    			background: #fff url(./image/barra.jpg) no-repeat;
    		}
    		#footer {
    			clear: both;
    			padding: 0;
    			margin: 0px 0px;		
    			background-color: #000;
    		}
    		
    		div#nav{margin:0px 0 0 0px}
    		div#nav ul{width: 650px;height: 35px;overflow: hidden; list-style-type: none;margin: 0;padding: 0; background:url(h-matrix.jpg) no-repeat 0 -35px}
    		div#nav li{margin: 0;padding: 0}
    		div#nav li,div#nav a{float: left;width: 130px;height: 35px}
    
    		div#nav a{text-indent: -9000px;text-decoration: none;padding: 35px 0 0 0; overflow: hidden; height: 0px !important; height /**/:35px; background-image: url(h-matrix.jpg)}
    
    		li#mhome a{background-position: 0px 0px}
    		li#mhome a:hover{background-position: 0 -35px}
    		body#home li#mhome a{background-position: 0 -70px}
    
    		li#mprod a{background-position: -130px 0px}
    		li#mprod a:hover{background-position: -130px -35px}
    		body#prod li#mprod a{background-position: -130px -70px}
    
    		li#mserv a{background-position: -260px 0px}
    		li#mserv a:hover{background-position: -260px -35px}
    		body#serv li#mserv a{background-position: -260px -70px}
    		
    		li#mport a{background-position: -390px 0px}
    		li#mport a:hover{background-position: -390px -35px}
    		body#port li#mport a{background-position: -290px -70px}
    		
    		li#mcont a{background-position: -520px 0px}
    		li#mcont a:hover{background-position: -520px -35px}
    		body#cont li#mcont a{background-position: -520px -35px}
    	</style>
    </head>
    <body id="home">
    <div id="container">
    		<div id="banner">
    			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="750" height="230" id="online" align="middle">
    			<param name="allowScriptAccess" value="sameDomain" />
    			<param name="movie" value="online.swf" />
    			<param name="quality" value="high" />
    			<param name="bgcolor" value="#ffffff" />
    			<embed src="online.swf" quality="high" bgcolor="#ffffff" width="750" height="230" name="online" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    			</object>
    		</div>
    
    		<div id="content">
    			<div id="nav">
    	    		<ul>
    			        <li id="mhome">Home
    			        <li id="mprod">Chi Siamo
    			        <li id="mserv">Book
    			        <li id="mport">Servizi
    			        <li id="mcont">Contatti
    			[/list]
    			</div>
    			<div id="menudown"></div>
    			
    			
    
    
    
    
    
    
    					
    		</div>
    			
    
    		<div id="footer"></div>
    </div>
    </body>
    </html>


    dies

  2. #2
    Hai letto almeno la guida Guida ??

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    138
    io ho trovato estremamente utile questa lezione di questa guida della sezione CSS di html.

  4. #4
    -.-....č la stessa sezione al quale ti ho indirizzato,bastava solo conoscere di piu il sito ^^

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    138
    Originariamente inviato da Another-Life
    -.-....č la stessa sezione al quale ti ho indirizzato,bastava solo conoscere di piu il sito ^^
    bastava solo un po' pių d'attenzione da parte mia. senza la quale sono stato traviato dal tuo far riferimento genericamenta ad una 'Guida', nel tuo link. conoscere di pių il sito c'entra poco.
    chiedo venia, comunque. non volevo sottrarre nessun merito. avendo risolto lo stesso problema il giorno prima ho risposto quasi d'istinto, con la pagina di quella lezione ancora aperta nel browser.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.