Layout problem

hi folks. i got this page. and some how the the sidebar in left is not floating on the actual left which is right under corner of left side banner. what am i doing wrong?

OK. For a start, place all of the header items inside the header div.

Then create a content holder for the content area, placing the left column (and whatever goes beside it) inside that.

so what is causing that sidebar to not to be on left side?

Rather than comment on your layout strategy, I’ll just suggest you change the negative top margin from 50px to 53px:

div.logo {
  background: url("images/logo.png") repeat scroll 0 0 transparent;
  float: left;
  height: 53px;
  margin-left: 50px;
  margin-top: -5[COLOR="Red"]3[/COLOR]px;
  width: 176px;
}

what about my layout

Because its snagging on the logo.

Set it to clear:both.


div.sidebar {
    [B]clear: both;[/B]
    float: left;
    height: 500px;
    margin-top: 10px;
    width: 200px;


}



However as Ralph said you should contain those elements within your header and then make sure the header contains its floats (overflow:hidden with haslayout or use the clearfix method) and then the sidebar will automatically start on the left.