Salve, ho una struttura html del seguente tipo: (premetto che non so praticamente niente in materia)
e questo CSS:codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>energia nucleare</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css" media="screen"> @import url(css/htmlit.css); </style> </head> <body> <div id="container"> <div id="header"><h1>Energia nucleare</h1></div> <div id="main"> <div id="content"> <h2>Cos'è</h2> L’energia nucleare altrimenti detta energia atomica è un fenomeno che permette la produzione di energia dalla modifica dei nuclei atomici. È considerata una forma d’energia alternativa alle fonti fossili ma non rinnovabile. Due sono i metodi utilizzati per ricavare energia dalle reazioni nucleari: la fissione e la fusione. </p> </div> <div id="nav"> <h3>Sommario</h3>[*]home[*]fissione[*]fusione[*]scorie[*]Cernobyl' </div> </div> <div id="extra">[img]img/25172.jpg[/img]</div> <div id="footer"><font color=black>Qui il footer</font></div> </div> </body> </html>
vorrei mantenere il footer sempre in fondo alla pagina e centrato, (quando la pagina ha troppo testo si sovrappone ad esso)codice:html,body{margin:0;padding:0} body{font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif; background: yellow;color: black;text-align:center} h1{margin: 0;padding: 30px 0 10px 5px;font-size: 400%;color: black} h2,h3,h4{margin:0;padding-left: 5px;line-height: 30px;color: black} h2{font-size: 160%} h3{font-size:130%} h4{font-size:120%} p{margin: 0 5px;padding: 0 0 0.7em} div#container{width:760px;margin: 0 auto; background: url(3col.jpg) repeat-y;text-align:justify} div#header{background: yellow} div#main{float:left;width:540px} div#content{float:right;width:400px} div#nav{float:left;width:140px;font-size:85%} div#extra{float:right;width:220px;font-size:95%}
se necessario la struttura può essere modificata ma ottenendo (possibilmente) lo stesso risultat. in più vorrei che si vedessero i bordi dei vari div se l'effetto è piacevole (in colore nero).
Spero di non aver sbagliato forum
Rispondi quotando
