sono un paio di giorni che sto' cercando di capire come mai del comportamento di questa pagina..


Devo far ridimezionare il dove centrale al 100% del possibile e in css non ho trovato soluzioni..
vedi post css


perche' il div si comporta correttamente allargando la pagina e non allo stesso modo quando la si ristringe?
qualcuno ha qualche input da darmi?



posto il codice..

Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>CSS Layout - 100% height</title>
    <script type="text/javascript" src="jquery-1.3.2.js"> </script>
    <script type="text/javascript">
    function RidimenzionaDivContent() {
        var header = 50;
        var footer = 37;
        var spacing = 80;
        var WinSize = $(document).height();
        var divSize = (WinSize - (header + footer + spacing));
        var Hstr = "" + divSize + "px";
        $("#content").animate({ height: Hstr }, 1000);
    };
    $(window).bind('resize', function() {
        RidimenzionaDivContent();
    });
    $(window).bind('load', function() {
        RidimenzionaDivContent();
    });
    </script> 
    <link rel="stylesheet" type="text/css" href="Css/layout1.css">
</head><body>
    <div id="container">

        <div id="footer">
            Footer
        </div>
        <div id="header">
            Header
        </div>
        <div id="content">
            Corpo
        </div>

    </div>
</body></html> 

ps:il post viene da un precedente che ho gia' chiesto all'amministratore di cancellare perche' avevo eroneamente postato il codice errato e non potevo + modificarlo