Non riesco a posizionare 2 div

**Malestorm** · 10-10-2008, 12:09

Ho una pagina con un div container messo al 100% di altezza nel css
devo posizionargli all'interno 2 div di cui uno è il main e l'altro il footer,

il footer deve rimanere sempre a fondo pagina con un'altezza fissa di 200 px

mentre il main avrà un'altezza di 450 px.

Ma la cosa che vorrei fare è che quando il browser viene ridimensionato, il footer non vada a sovrapporsi al main, quando lo raggiunge, vorrei praticamente che arrivati a contatto gli rimanga sotto.

Mi sapete dire come devo fare?

**webdemo** · 10-10-2008, 12:22

risolvi con CSS
ti sposto

**Malestorm** · 10-10-2008, 13:26

infatti non riesco neanche con questo:

codice:

body,html {
height: 100%;
}

div#container { 
position:absolute;
top: 0px;
margin-left: auto;
margin-right: auto; 
height: 100%;
width: 100%;
}

div#main { 
position:relative;
margin-left: auto;
margin-right: auto; 
width: 100%;
}

div#footer {
position:absolute;
bottom: 0px;
background: url(../immagini/footer.gif);
margin-left: auto;
margin-right: auto;
height: 200px;
width: 100%;
}

e questo è l'html

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>LUCKYMASK.COM</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/global.css">
</head>
<body>
<div id="container">
<div id="main">ddd</div>
<div id="footer"></div>
</div>
</body>
</html>

Ma niente da fare quando ridimensiono il browser il div footer si sovrappone al main

Discussione: Non riesco a posizionare 2 div

Strumenti discussione

Ricerca discussione

Visualizza

[AIUTO] Non riesco a posizionare 2 div

Permessi di invio