Header CSS porcentajes

[pzin]

Entonces lo que querías hacer era peor todavía.

Entonces te vale con poner dos DIV flotados dentro de otro elemento, con las medidas que necesites, uno a la izquierda y otra a la derecha, ¿no?

Algo del tipo:

Código HTML:

<header>
  <div id="logo"></div>
  <div id="bienvenido"></div>
</header>
 

Código CSS:

header {
  width: 960px;
  margin: 0 auto;
}
 
  header div#logo {
    float: left;
    width: 100px; /* o lo que sea */
  }
 
  header div#bienvenido {
    float: right;
    width: 100px; /* o lo que sea */
  }
 

Y no, no agrandé la imagen que me pasaste. Es la misma imagen.