Il footer si "mangia" il sito

shock.estremo

Il footer si "mangia" il sito

Salve ragazzi, ho posizionato il footer in basso al sito. Quando cambio risoluzione il footer va a coprire gli elementi che si trovano al centro.

Vorrei invece si bloccasse, anche magari facendo uscire le barre laterali di scorrimento per le risoluzioni più piccole.

ecco il css

@charset "utf-8";
/* CSS Document */


body { 
    background-color: #000;
    margin: 0px;
    background-image: url(bg.jpg);
}
.menu { opacity: .7;
    height: 80px;
    width: 100%;
    background-color: #fff;
}

.content {
    opacity: .7;
    bottom:30px;/*uguale all'altezza del footer*/
    overflow:hidden;
    position:absolute;
    top:80px;
    width:100%;
    background-attachment:fixed;
    background-color: #ccc;
    border-top-width: thin;
    border-bottom-width: thin;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color:;
    border-bottom-color:;

}
.logo {
    background-image: url(logo.png);
    height: 80px;
    width: auto;
    background-repeat: no-repeat;
}


.footer {
    opacity: .7;
    bottom:0px;
    clear:both;
    height:30px;
    position:absolute;
    width:97%;
    padding-left:3%;
    _height:10%;
    _position:relative;
    _border:none;
    _outline: none;
    background-color:;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    text-align: center;
}
.box {
    height: 500%;
    width: 1200%;
    background-color:;
    padding: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    top: 20px;

}
.menuLaterale {
    height: 500px;
    width: 500px;
    background-color: #FFF;
}

e questo è l'html


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="css.css" rel="stylesheet" type="text/css" />


</head>

<body>



<div class="menu"><div class="logo"></div></div>
<div class="content">

<div class="box"><div class="menuLaterale"></div></div>

</div>
<div class="footer"><br />


Copyright © Tutti i diritti riservati | Web design & development: </div>

</body>
</html>

artasdog

Se non hai ancora risolto posta un link alla pagina che si capisce meglio.

shock.estremo

che link?

grazie

Il footer si &quot;mangia&quot; il sito

Il footer si "mangia" il sito