ничего не понятно - с обтеканием чего проблемы

<div class="all">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>

.left {
background-image: url(../images/hat_01.gif);
width: 113px;
height: 150px;
background: left;
float: left;
}
.center {
background-image: url(../images/hat_02.png);
height: 150px;
width: 100%;
}
.right {
background-image: url(../images/hat_05.gif);
background: right;
height: 150px;
width: 110px;
float: right;
}
.all {
height: 150px;
width: 100%;
}

вот теги

супер, а что не так?

float: left;
position: absolute;

улыбнуло

при таком задании ширины для центрального блока, он занимает всю ширину страницу оказываясь поверх правого и левого блока.

копировал что получилось после тупых экспериментов даже править нехотел

ну и? а как надо? то что Вы написали то браузер и делает.
Вы знаете что такое float: left
а что такое position: absolute ?
Если нет, тогда почитайте что это такое в гугле.
Зачем Вы левому блоку дали position: absolute, а центарльному всю ширину?
В этом есть какая-то логика?

на счёт позиционирования вкурсе
как по другому за(дать):nea: ширину центральному, что бы тянулась шапка и не:nea: выстраивалась в 3 этажа

Слушайте, я не понимаю этот русский язык: "как по другому за ширину центральному что бы тянулась шапка и на выстраивалась в 3 этажа"
Может это поможет http://blog.html.it/layoutgala/

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.