Buenos dias.

Tengo un problema con mi header, quiero alinear mi logo a la izquierda, a la altura de donde arranca la caja del foro y mi login y panel a la derecha donde termina la caja de mi foro, pero no puedo.. como hago?

Estas es mi plantilla de header

<div id="bgbar">
<div class="hcont";>
            <img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />        
          </div>         
<div class="loginbar">
                   <div class="userpanel">
                             {$welcomeblock}
                   </div>
         </div>
</div>
<div class="separador"></div>

<br class="clear" />
</div>



<div id="container">
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			{$pending_joinrequests}
			<navigation>
			<br />

Probaste agregar la función float: left y right a cada div? o en tu CSS? entiendo que con eso podes hacer lo que estas buscando
en tu css las clases serian hcont y loginbar, agragale a cada una la funcion float y listo tendria que funcionarte

No me funciono lo que me dijiste..

Leyendo nuevamente, no es claro lo que indicas, para simplificar tendrías que primero poner un logo a tu foro ya que actualmente solo tenes el texto "DIBUJARTE" donde estaría el logo, y el mismo según veo esta como queres, osea como esta actualmente el "logo" sale a la izquierda y el login a la derecha, o vos lo que buscas es que el logo como el login salgan dentro del contenedor del foro? actualmente para que tengas una idea el logo y login estarían no en el contenedor si no el header del foro, como ejemplo yo lo veo de esta forma:


el ancho del header o parte superior es fluido por ende varia segun la resolucion de cada usuario en como se ve distribuido cada parte del mismo

Quiero que esten en el header... pero que terminen a la altura de donde esta el contenedor se entiende?




Fijate, que en la imagen.. el logo y el login estan DENTRO DEL HEADER pero mas o menos al centro, como respetando los margenes del contenedor

#bgbar {
width: 100%;
height: 35px; < Ésto lo tenes que editar una ves que tengas el logo, para establecer el ancho.
background: #212121;
}

Modificar hcont, de ésta forma:

.hcont {
width: 1024px;
margin: auto;
}

Luego encerrar el logo en alguna clase, como por ejemplo <div class="logo">Aquí el <img src=""> y luego cierras el div </div>

El css sería:

.logo {
float: left;
}

Luego tienes que borrar el <div class="loginbar">, y sólo dejar el <div class="userpanel">.

El css de userpanel:

.userpanel {
float: right;
}

La idea general? bgbar es la barra que tiene color y tiene 100% de ancho. "HCONT" es el contenedor de tanto el logo como del menú, el mismo tiene una medida de 1024px y está centrado. Dentro de "HCONT" entran los divs de "LOGO" y "USERPANEL", y al utilizar la clase "FLOAT", los alíneas, uno a la izquierda y otro a la derecha.

Espero te sirva, saludos.