- Home
- Categorie
- Coding e Sistemistica
- Coding
- Footer fluido
-
Footer fluido
Ho inserito in una pagina del mio sito uno script, l'accordion menu, che fa allungare i contenuti della pagina su richiesta.
Vorrei che il footer si allungasse insieme ad essi rimanendo sempre al suo posto,a piè di di pagina.
Non riesco a farlo.
Vi posto le pagine di codice relative alla pagina con lo script.
Spero possiate darmi una manoCSS
http://sitoprovahtml.altervista.org/sitoprovahtml_0002.css
http://sitoprovahtml.altervista.org/NuovoFile.css
HTML
http://sitoprovahtml.altervista.org/sitoprovahtml_0003.html
Grazie mille in anticipo.
-
Togli l'altezza da #container nella pagina html
background-repeat:no-repeat;
margin:0 0 0 -500px;
padding:20px 0 0 0;
width:950px;
height:550px; questa
}
-
Come cmnikfmnvkvnmnvkfedvfdvfv
-
Quella regola li fa riferimento a <!--[if IE]> per Internet Explorer.
L'ho comunque cambiata e ho apportato alcune modifiche,ma non funziona comunque.
L'accordion dovrebbe spostare il div form che comunque risulta troppo distante e avvicinandolo il testo va sopra il div senza spostarloCSS
body{ background-repeat:no-repeat; background-color:#000; margin:0; padding:0; height:100%; } #header{ background-image:url(image/header.png); background-repeat:no-repeat; background-position:top; margin:0 auto; padding:0 0 250px 0; height:570px; width:1260px; } #container{ background-repeat:no-repeat; margin:0 auto; padding:0; width:950px; height:100%;} #form{ background-color:#CCF; width:950px; height:500px; margin:0 auto; padding:0; bottom:0;}
HTML
<!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=utf-8" /> <title>Documento senza titolo</title> <link href="PORTFOLIO2.CSS" rel="stylesheet" type="text/css" /> <link href="backtohome.css" rel="stylesheet" type="text/css"/> <link href="hover_img.css" rel="stylesheet" type="text/css" /> <link href="validazionehighlight/stile.css" rel="stylesheet" type="text/css"/> <!--[if IE]> <style type="text/css"> #back { position:absolute; left:850px; top:-280px; display: block; width: 95px; height: 93px; background:url(IMAGE/back.png) left top no-repeat; } { background-repeat:no-repeat; margin:0 0 0 -500px; padding:20px 0 0 0; width:950px; height:100%;} li { display: block; float: left; margin:0 0 0 500px; padding:0 52px 0 0; } </style> <![endif]--> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript"> $(function(){ $("ul#menu li ul").hide(); $("ul#menu>li>a").click(function() { $(this).addClass("current"); var $subnav = $(this).next(); if($subnav.is(":visible")) { $subnav.animate({height: "toggle"}, 750, "easeOutBounce").prev().removeClass("current"); } if(!$subnav.is(":visible")) { $("ul#menu li ul:visible").animate({height: "toggle"}, 750, "easeInBounce").prev().removeClass("current"); $subnav.animate({height: "toggle"}, 750, "easeInOutExpo"); } return false; }); }); </script> <script type="text/javascript"> $(function(){ $("ul#form li ul").hide(); $("ul#form>li>a").click(function() { $(this).addClass("current"); var $subnav = $(this).next(); if($subnav.is(":visible")) { $subnav.animate({height: "toggle"}, 750, "easeOutBounce").prev().removeClass("current"); } if(!$subnav.is(":visible")) { $("ul#form li ul:visible").animate({height: "toggle"}, 750, "easeInBounce").prev().removeClass("current"); $subnav.animate({height: "toggle"}, 750, "easeInOutExpo"); } return false; }); }); </script> <style type="text/css"> { height:400px;} { background-repeat:no-repeat; height:100%; margin:100px 145px; padding:0; width:950px; } </style> </head> <body> <div id="container"> <div id="menuback"> <ul id="back"> <li class="whos"><a href="PORTFOLIO2.html"></a></li> </ul> </div> <ul id="menu"> <li class="servizi"><a href="#"></a></li> <li class="web"><a href="#"></a><ul><p>Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.<br/></p> </ul> </li> <li class="css"><a href="#"></a><ul><p></p></ul> </li> <li class="usabilita"><a href="#"></a><ul><p></p></ul></li> <li class="logo"><a href="#"></a><ul><p>Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda, per questo deve rispecchiare chi siamo e cosa abbiamo da dire nel miglior modo possibile.</p></ul></li> <li class="illustrazioni"><a href="#"></a></li> </ul> <ul class="form"> <li class="preventivi"><a href="#"></a><ul></ul></li></ul> <ul class="form"> <li class="prezzi"><a href="#"></a><ul></ul></li></ul> <div id="form"></div> </div> </body> </html>