metter logo a sinistra e menu a destra

[i_am_antipop]

dunque... ho un Header contenente 2 menu posizionati a destra.
Vorrei poter metter a sinistra un logo... + o - alla stessa altezza.

Es. Come vorrei:

LOGO          menu1
              menu2

Ho provato a metterlo in un DIV ma come risultato ho ottenuto che i 2 menu son cascati in basso..

Es. Come Purtroppo viene...

LOGO         
             
              menu1
              menu2

Cosa cambiare?

Grazie.

DIV#header {
	WIDTH: 770px; 
 	COLOR: #ff0; 
  	HEIGHT: 97px; 
	MARGIN-RIGHT: 0;
	PADDING-RIGHT: 0;
	background-image: url(A.jpg); 
}
DIV#logo {
	FONT: bold 1em/1.4em arial,sans-serif bold;
	display: inline;
 	BACKGROUND-COLOR: #fff; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;  
	MARGIN-top: 9px; 
	WIDTH: 420px; 
	height: 60px;
	PADDING-TOP: 0px
}


DIV#menu1 {
	PADDING-RIGHT: 0px;
	BORDER-TOP: black 1px solid; 
	PADDING-LEFT: 0px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	margin-RIGHT: 0px; 
	WIDTH: 550px; 
	height: 40px;
	PADDING-TOP: 0px
}





DIV#menu2 {
	FONT: bold 1em/1.4em arial,sans-serif bold;
 	BACKGROUND-COLOR: #fff; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;  
	MARGIN-top: 9px; 
	WIDTH: 420px; 
	height: 60px;
	PADDING-TOP: 0px
}

[pierofix]

Io adesso non ho tempo di risponderti a dovere ma vorrei comunque darti il link ad un paio di siti che so usano la tecnica che vai cercando:

- www.microformats.org
- http://serenegreen.com/

Spero possano comunque esserti di spunto, magari andando a spulciare i loro fogli di stile.

[i_am_antipop]

Originariamente inviato da pierofix

grazie, ci volo!

[i_am_antipop]

Ciao, ho fatto delle prove e son riuscito a metter il menu 1 allineato al LOGO.

Ma non il menu2.

ottengo questo:

LOGO                    menu1
LOGO
                        menu2 //finisce in altezza sotto al logo

Sembra una questione di larghezza dei due menu, infatti se riduco la Width a li ritrovo sulla stessa linea:

LOGO                    menu1 menu2
LOGO

Domanda come posso allineare anche il menu 2 in modo da ottentere questo?:

LOGO                menu1
LOGO                menu2

Ecco il CSS
DIV#header {
WIDTH: 770px;
COLOR: #ff0;
HEIGHT: 97px;
MARGIN-RIGHT: 0;
PADDING-RIGHT: 0;
PADDING: 0;
background-image: url(A.jpg);
}

#header #logo {
width: 340px; height: 100px;
position: relative;
float: left;
margin: 0;
top: 5px;
left: 20px;
}
DIV#menu1 {
FONT: bold 1em/1.4em arial,sans-serif bold;
BACKGROUND-COLOR: #fff;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
FLOAT: right;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
MARGIN-top: 9px;
WIDTH: 120px;
height: 60px;
PADDING-TOP: 0px
}

DIV#menu2 {
PADDING-RIGHT: 0px;
BORDER-TOP: black 1px solid;
PADDING-LEFT: 0px;
FLOAT: right;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
margin-RIGHT: 0px;
WIDTH: 150px;
top: 100px;
height: 40px;
PADDING-TOP: 0px
}