• L
    User Attivo •

    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 mano

    CSS

    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.

    0
  • K
    User •

    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
    }

    0
  • L
    User Attivo •

    Come cmnikfmnvkvnmnvkfedvfdvfv

    0
  • L
    User Attivo •

    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 spostarlo

    CSS

    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>
    0
Effettua l'accesso per rispondere