Ciao. Devo creare una pagina con header e footer fissi, menu a sinistra e content a destra. Cambiando risoluzione non dovrebbe sfalsarsi cosa che invece succede. I due div centrali che dovrebbero essere affiancati si sovrappongono. Sapete aiutarmi? Grazie
HTML:
div.main{
margin: 0 auto;
border-style: double;
border-color: black;
border-width: 0.3em double black;
width: 95%;
}
div.header{
clear:both;
border-bottom: 0.3em double Black;
}
div.menu{
float:left;
border-right: 0.3em double black;
border-bottom: 0.3em double black;
padding:1em;
width:15%;
}
div.content{
float:left;
width: 80%;
padding:1em;
}
div.footer{
clear:both;
border-top: 0.3em double black;
padding-left:1.5em;
HTML:
<body>
<div class="main">
<div class="header">
<?php
require("header.php");
?>
</div>
<div class="menu">
<?php
require("menu.php");
?>
</div>
<div class="content">
<h2>Home</h2>
<p>Questo sito ha la scopo di gestire i pagamenti elettronici tra individui e negozianti. Nel menu di sinistra si ha una directory del sito con tutte le pagine disponibili.</p>
</div>
<div class=footer>
<?php
require("footer.php");
?>
</div>
</div>
</body>