posicionamiento de un div segun tamaño de monitor

[pzin]

Explicando mejor, siempre hay soluciones mejores.

Yo haría lo siguiente. Supongamos que tenemos una cabecera con ese logo y el eslogan:

Código HTML:

<header>
 
  <div id="eslogan">
    Always Coca-Cola
  </div>
 
  <div id="logo">
    <img src="logo.png">
  </div>
 
</header>
 

Para poner uno a la izquierda y otro a la derecha, realmente sólo tendríamos que flotar div#eslogan a la izquierda y div#logo a la derecha. Para el asunto de los 15 pixeles, podemos ponerle un padding lateral a header.

Código CSS:

header {
  padding: 0 15px;
}
 
div#eslogan {
  float: left;
}
 
div#logo {
  float: right;
}
 

Ahora llegaría el problema de que al verlo en una pantalla grande, obviamente se verá muy separado. Aunque yo tengo un iMac y nunca navego a pantalla completa, aunque, vamos a suponer que la gente está loca .
Entonces lo que se podría hacer, es que header ocupe el 100% —cosa que ya hace por defecto al ser un elemento de bloque, lo que nos ahorramos entonces indicar— y que además tenga un ancho máximo, y una vez alcanzado ese ancho máximo, indicamos que tenga un margen lateral automático para que se centre.

La cabecera al final se quedaría con algo como:

Código CSS:

header {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 15px;
}
 

Como ves no hace falta indicar ninguna posición diferente a la de por defecto; estática.

Puse el ejemplo aquí: http://jsfiddle.net/4YVjc Redimensiona la ventana del resultado y verás que se adapta perfectamente.