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.