ok questo è il codice html
<html>
<head>
<title>pinco Libreria</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style_equi.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header">pinco</div>
<div id="navigation">
Ricerca </p>
qui metterò il campo ricerca </p>
</div>
<div id="content">
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td class="comandi">Novità</td>
<td class="comandi">Catalogo</td>
<td class="comandi">Eventi in libreria</td>
<td class="comandi">Galleria foto</td>
<td class="comandi">recensioni</td>
<td class="comandi">Chi siamo</td>
</tr>
</table>
</div>
<div id="footer">prova prova prova prova prova prova prova</div>
</div>
</body>
</html>
e questo è il css
/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{width: 760px;margin: 0 auto;text-align: left;
border-left: 2px solid #36c;border-right: 2px solid #36c}
/*stili generici, su header e footer*/
div#header{background-color:#36C;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{float:right;width: 13em}
div#content{margin-right: 13em;padding: 1em}
div#footer{clear:right; text-align:center; padding: 0.5em;
background-color: #69c; color: #000}
/*stili per la navigazione*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
la tabella è quindi nel div content ma sfonda nel div navigation
grazie
Viva


Rispondi quotando