Grazie, ho risolto usando il float anzichè il posizionamento assoluto ma c'è sempre un problema riguardo la navigazione.
Ecco come dovrebbe venir visualizzata (e come viene visualizzata con firefox):
ed ecco come IE me la visualizza male:
Non riesco a capire cosa non va' nei css.... posto di nuovo tutti i codici:
codice:
<html>
<head>
<title></title>
<style>@import url("style.css");</style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="navigation">
<div id="contentnav">
<p class="subtitle">Navigazione</p>
<ul>
[*]Index
[*]Forum
[*]Faq
[*]Spot
[*]Foto
[*]Contatti
[/list]
<p class="subtitle">I tuoi dati</p>
<p class="text">81.208.74.184</p>
<p class="text">Mozilla/5.0 (X11; U; Linux i686; it; rv:1.8.0.7) Gecko/20060921 Ubuntu/dapper-security Firefox/1.5.0.7</p>
</p>
</p>
</p>
</p>
</div>
</div>
<div id="content">
<p class="text">
Iniziai a pensare alla creazione di questo sito quando, dopo qualche mese di passione, sentii il bisogno di allenarmi e confrontarmi idealmente e fisicamente più spesso.
Questo era molto difficile in quanto conoscevo solo persone della provincia ed ero quindi impossibilitato a raggiungerli spesso sia per motivi di tempo, che economici (treno).
Negli stessi giorni in pochi giorni sono stato contattato da un po' di persone (sfortunatamente sempre della provincia) desiderose di provare a tracciare.
Mi sono dunque reso conto che il Parkou a Verona si stà sviluppando come ho sempre desiderato.
Come agevolare ciò?
Creando un sito, appunto. Un punto di riferimento per tutti i traceur e/o futuri traceur (speriamo) di Verona e dintorni.
Ecco perchè questa sera 19/12/2006 ho deciso di iniziare la costruzione di questo sito.
Di base implementerò un forum e delle FAQ sul parkour a Verona.
Successivamente desidererei creare una archivio degli spot di Verona impostata a modo Wikipedia, così che tutti possano inserire gli spot che conoscono.
Però, per motivi di tempo (e voglia) non assicuro niente.
</p>
</div>
<div id="footer"><center><p class="text">2006-2007
powered by Enrico Zimol
Tutti i diritti sono riservati.
Oggi siamo il 01-01-2007</p></center></div>
</div>
</body>
</html>
css:
codice:
html,body{
margin: 0;
padding:0;
}
body{
background-color: #0F0F0F;
color: #333333;
text-align: center;
}
p.text{
font: 67% Arial, Helvetica, verdana, sans-serif;
}
p.subtitle{
font: bold 80% Arial, Helvetica, verdana, sans-serif;
color:#32CD32;
margin:0;
}
div#container{
background-color: #FFFFFF;
position:relative;
width: 760px;
margin: 0 auto;
text-align: left;
}
/*stili generici, su header e footer*/
div#header{
background-color:#000000;
background-image: url(images/sfondo.jpg);
background-position: center center;
background-repeat: no-repeat;
height: 200px;
}
div#footer a{
color: #fff;
font-weight: bold;
text-decoration: underline;
}
/*stili specifici per il layout*/
div#navigation{
float: right;
width: 13em;
right: 0;
}
div#content{
margin-right: 13em;
padding: 1em;
height: auto !important;
height: 300px;
min-height: 300px;
}
div#footer{
clear: right;
text-align:center;
padding-bottom: 1em;
margin:0;
background-color: #FFFFFF;
color: #000000;
background-image: url(images/bottom_content.jpg);
background-position: bottom;
background-repeat: no-repeat;
}
/*stili per la navigazione*/
div#navigation ul{
border-bottom: thin #DCDCDC solid;
padding: 0;
margin-top:2px;
list-style-type: none;
margin-right:10px;
}
div#navigation li{
border-top: thin #DCDCDC solid;
}
div#navigation p.info{
padding: 0px 0px 0px 3px;
margin: 4px;
color: #FF7F50;
font: 72% Arial, Helvetica, verdana, sans-serif;
text-decoration: none;
display:block;
}
div#navigation a{
padding: 7px 0px 7px 3px;
color: #FF7F50;
font: 72% Arial, Helvetica, verdana, sans-serif;
text-decoration: none;
display:block;
}
div#navigation a:hover{
background-color:#F5F5F5;
text-decoration: none;
}
div#navigation a#activelink{
background-color:#F5F5F5;
background-image: url(images/nav_icon.gif);
background-position: right;
background-repeat: no-repeat;
text-decoration: none;
}
Grazie a tutti e buon 2007 (di lavoro 
)
).
Rispondi quotando
