Header en Html y Css

[juanete50]

Estoy tratando de conseguir este header en Html y Css... pero he llegado solo a armar el logo y el menu... me faltaría codificar el #social...
si me podrían dar una mano, se agradece!
saludos
juan




html:

<div id="header">
<a href="http://www.relacionesdigitales.com.ar/" id="logo"><img src="img/logo.jpg"></a>
<a href="http://www.twitter.com/lissandrokaell" id="social"><img src="img/twitter.png"></a>

<ul id= "menu">
<li><a href="about.html">ABOUT RD</a></li>
<li><a href="episodes.html">EPISODE</a></li>
<li><a href="casting.html">CASTING</a></li>
<li><a href="press.html">PRESS</a></li>
<li><a href="contact.html">CONTACTO</a></li>
</ul>
</div>
<div id= "slide">
<a><img src="slide/1.jpg"</a>
</div>


y css:

#logo{
float: left;
}

#menu{
float:right; /* Lo mandamos a la derecha */
margin-top:20px; /* Un margen arriba para que se vea ordenado */
list-style:none; /* Para eliminar los puntos que me genera el ul o il */
}

[GAST0N]

pero como queres que quede?...de q manera ?..

[juanete50]

no debio haber aparecido la imagen:
www.kaell.com/1.jpg
asi es como quisiera que aparezca!
gracias!!!

[leo_nqn]

Proba usar en css posicion absoluta y relativa con los divs....

position:relative;
position:absolute;

[GAST0N]

<div id="header">
<class ="logo"></div>
<class ="social"></div>
<class ="menu"></div>
</div>



lo que esta dentro del header flotalo todo a la izquierda o sea float:left;

despues maneja la distancia entre los div con margin top y margin left

saludos!

[juanete50]

gracias voy a probar eso que me dices a ver si se puede solucionar!!!

[juanete50]

ahi probe lo que pasa es que de esa forma no puedo hacer que aparezca totalmente centrado dependiendo del monitor verdad?

[GAST0N]

Iniciado por juanete50

ahi probe lo que pasa es que de esa forma no puedo hacer que aparezca totalmente centrado dependiendo del monitor verdad?

para q todo este centrado toda la pagina tiene q estar dentro de un div contendor.. y darle margin 0 auto;

[jomaruro]

Hola:

Empieze por esto www.librosweb.es, es lo primero que necesitas.

Saludos.