Moving logo to the left?

[Sagar]

I am struggling to move logo to the extreme left (outside pagewidth property). I tried by removing pagewidth div from logoblock but it messes up the entire header. You can see here, how logo is disproportionately placed and need to move to the left.

 

[Paul B]

As a quick suggestion, I suspect you will have to move the logo div outside the pageContent and pageWidth divs.

I have to say though it's a very unusual setup and not good UI to have the menu items over to the extreme left and the content in the centre.

Try this:

<div id="header">
    <div id="logoBlock">
            <div id="logo"><a href="http://www.olympuscafe.com/forums/">
                <span></span>
                <img alt="Olympus Digital Photography" src="http://olympuscafe.com/images/cafe.png">
            </a></div>
<div class="pageWidth">

        <div class="pageContent">

        </div>
    </div>
</div>

 

[Sagar]

Thanks, that worked

About UI, will be adding couple of tabs that made it too crowded within the page width

As a quick suggestion, I suspect you will have to move the logo div outside the pageContent and pageWidth divs.

Try This

 

[Paul B]

About UI, will be adding couple of tabs that made it too crowded within the page width

Ah, fair enough.
It will obviously be different once the menu bar is fully populated.