Non sono un tipo che si mette a chiedere a babbo sui forum senza prima cercare xD Anzi cercare mi costa meno tempo che aspettare una risposta per giorni su un forum! In ogni caso avevo già cercato prima dele soluzioni, solo che non sono riuscito a trovare una soluzione... per ora sta in questo modo:

codice:
<html> 
<head> 
<link rel="stylesheet" href= type="text/css"> <
/head> 
<body> 
<div id="top"> 
     <div id="top1">  <img src=> </div> 
     <div id="top2">  Nome utente e Avatar </div> 
     <div id="top3">  Cerca </div> 
</div>
<div id="center"> 
    <div id="center1">  Contenuto  </div> 
   <div id="center2">  
      <div id="menu"> 
       <div> Articoli </div> 
       <div> Profilo </div> 
       <div> Eventi </div> 
       <div> Prova </div> 
       </div>
   </div>
</div> 
<div id="bottom">  Fondo </div></body> </html>
Questo è il template:
codice:
body { font-size: 12px; font-family: verdana } 
#top {width: 90%;border: 1px solid #000000;margin:10px auto; padding: 10px 10px 20px 10px; }
#top1 { float:left; width:20%; }
#top2 { float:left; width:50%;}
#center {width:90%;border: 1px solid #000000;margin:10px auto; padding: 10px 10px 10px 10px;}
#center1 {float:left; width:70%} 
#bottom {border: 1px solid #000000;width:90%;margin:10px auto; padding: 10px 10px 10px 10px;}
A provarlo sembra andare tutto perfettamente, ma su google chrome mi visualizza il top3 come se fosse tutti i top (top1 top2 top3)

Stessa cosa per il center2.

Poi io vorrei "Articolo profilo Eventi Prova" Uno sotto l'altro, invece me li allinea con l'altro div. Insomma non è che capisca molto il senso