Modificar mi header

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

Código:
<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 />

Última modificación: 14 Feb, 2014, 10:50 am por cruzitovlf.

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

[Imagen: http://i.imgur.com/CCoBXgK.png]
[Imagen: http://i.imgur.com/TQqCgcO.png]

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:
[Imagen: 9KnVZbO.png]

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

[Imagen: http://i.imgur.com/CCoBXgK.png]
[Imagen: http://i.imgur.com/TQqCgcO.png]

Última modificación: 15 Feb, 2014, 2:42 pm por Cösmø.

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

[Imagen: vARGSOg.png]

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

Cita:#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:

Cita:.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:

Cita:.logo {
float: left;
}

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

El css de userpanel:

Cita:.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.