[html] Posizionare elemento lista in cima [DIV o TABLE?]
Ciao a tutti, ho un problema che mi sta dando sui nervi...
Guardate le due pagine:
http://danieleserra.altervista.org/poesie/io_volo.php
http://danieleserra.altervista.org/poesie/che_e_ma.php
Di sicuro avrete notato che nel primo link il menu di sinistra (quello con le poesie) è molto più in basso rispetto al secondo link, questo ovviamente perchè lavoro su una tabella, apparte quella parte li il sito è costruito interamente con i div e i css, ho provato a usare i div e a impostare nei css il valign-top a un div che conteneva la tabella, oppure solo a un div che conteneva la lista e la parte dei contenuti...Ma non ho ottenuto niente allora mi sono accontentato di questo risultato che però non mi piace per niente...Probabilmente sono io che ignoro qualcosa...Ma non ci sono riuscito a posizionare la parte del menu a sinistra in cima dove dovrebbe stare...
Soluzioni?
Qua c'è il codice della pagina...:
Codice:
<HTML>
<HEAD>
<TITLE>Daniele Serra ©</TITLE>
<link href="http://danieleserra.altervista.org/stili/stile.css" rel="stylesheet" type="text/css">
<link href="http://danieleserra.altervista.org/immagini/favicon.ico" rel="shortcut icon">
</HEAD>
<BODY>
<DIV align="center" id="contenitore">
<a href="#"><DIV id="head"></DIV></a>
<DIV id="navcontainer">
<ul id="navlist">
<li class="element"><a href="http://danieleserra.altervista.org/">Home</a></li>
<li class="active_element"><a href="http://danieleserra.altervista.org/poesie.php">Poesie</a></li>
<li class="element"><a href="http://danieleserra.altervista.org/frasi.php">Frasi</a></li>
<li class="element"><a href="http://danieleserra.altervista.org/racconti.php">Racconti</a></li>
<li class="element"><a href="http://danieleserra.altervista.org/libri.php">Libri</a></li>
<li class="element"><a href="http://danieleserra.altervista.org/news.php">Novità</a></li>
<li class="element"><a href="http://danieleserra.altervista.org/commenta.php">Commenta</a></li>
<li class="element"><a href="#">Blog</a></li>
</ul>
</DIV><TABLE id="tablecontainer" border="0">
<TR><TD>
<ul class="menulink">
<li class="active_menulink"><a href="http://danieleserra.altervista.org/poesie/contenuti/che_e_ma.php">Che E Ma</a></li>
<li class="menulink"><a href="http://danieleserra.altervista.org/poesie/contenuti/io_volo.php">Io Volo</a></li>
<li class="menulink"><a href="http://danieleserra.altervista.org/poesie/contenuti/non_puoi_fermarti.php">Non Puoi Fermarti</a></li>
<li class="menulink"><a href="http://danieleserra.altervista.org/poesie/contenuti/qua_fuori_qua_dentro.php">Qua Fuori Qua Dentro</a></li>
<li class="menulink"><a href="http://danieleserra.altervista.org/poesie/contenuti/un_posto_caldo.php">Un Posto Caldo</a></li>
</ul>
</TD>
<TD>
<DIV id="contenuti">
<b>Che, e, ma</b>
<br><br>Pioggia che batte
<br>vento che infuria
<br>nuvole che gridan
<br>notte che incombe
<br>caos e frastuono.
<br><br>Ma solo silenzio.
</DIV>
</TD></TR></DIV>
</BODY>
</HTML>
