any component on the rightside of p:dock

[devsniper]

Hi All.

how can i use any component on the right side of p:dock in same line?
if i write css its ok on the left side of p:dock, but on the right side not, because the p:dock has whole width on the right side.

top.xhtml for my template page

Code: Select all

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui">

    <!-- this is ok with the p:dock in same line >
    <div id="top-left">
        <h:graphicImage value="/resources/images/img/logo.png"/>
    </div>

    <div id="top-menu">
        <p:dock position="top" itemWidth="32" maxWidth="15">
            <p:menuitem value="Home" icon="/resources/images/img/home.png" url="#"/>
            <p:menuitem value="Dashboard" icon="/resources/images/img/home.png" url="#"/>
            ... 
        </p:dock>
    </div>

    <!-- this comming under the p:dock not in the same line >
    <div id="top-right">
        <h:outputText value="Admin User" />
    </div>

</ui:composition>

any idea?

Thanks.

PrimeFaces-2.2.M1, Mojarra 2.0.2, Facelets, GlassFish 3.0.1