salve a tutti.
ho il seguente css:
html, body {
margin: 0px;
padding : 0px;
}
body{
font-family : Verdana;
}
div#container{
height:100%;
}
/*stili generici, su header e footer*/
div#header
{
background-color:#00337A;
color:#FFDD00;
}
h1,h2
{
margin:0;padding:0;
text-align:center;
}
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:left;
width: 180px;
background-color:#FFDD00;
}
div#content{
padding: 1em;
background-color: #ffffff;
}
div#footer
{
clear:left;
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}
e il seguente html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
@import url("stagnini.css");
</style>
</head>
<body>
<div id="container">
<div id="header">
[img]immagini/logoScrBianca.gif[/img]
<h1> RECINZIONI IN FERRO</h1>
</div>
<div id="navigation">
<ul>[*]Home[*]Pillole[*]Contenuti
[*]Grafica[*]Linguaggi[*]Webdesign[*]Software[/list]
</div>
<div id="content">
La linea di recinzioni in ferro STAGNINI</br>
rappresenta una scelta sicura e variata per</br>
quanti ricercano un prodotto di facile motaggio</br>
esente da problemi di manutenzione.</br>
Gli elementi verticali che costituiscono ogni </br>
pannello modulare,sono inseriti meccanicamente</br>
su quelli orizzontali,garantendo alta sicurezza</br>
ed elevata resistenza agli urti.</br>
Tutti i modelli di recinzione presentati sono real-</br>
lizzati con ferro zincato a caldo, per garantire la</br>
durata nel tempo.</br>
E' possibile avere tutti i modelli di recinzione e </br>
cancelli verniciati con polveri poliestere e in una</br>
vasta gamma di colori.Lo speciale trattamento a forno</br>
assicura una elevata resistenza agli agenti atmosferici</br>
e un ottimo effetto estetico.</p>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
il risultato è che la scritta nel content finisce sotto al menu(navigation).
Come posso ovviare a questo inconveniente?
grazie.
Rispondi quotando
