Проблема с заголовком сайта в CSS

Question

В настоящее время я перестраиваю веб-сайт, использующий макет таблицы, и хочу, чтобы он создавался со слоями и CSS

У меня проблема с заголовком. В настоящее время заголовок представляет собой таблицу шириной 100% с 3 ячейками.

[левая рамка] [логотип 800px] [правая рамка]

<table border="0" width="100%" height="600" cellpadding="0" cellspacing="0">
  <tr>
    <td background="images/background_left.jpg">&nbsp;</td>
    <td width="800" valign="top">the header content</td>
    <td background="images/background_right.jpg">&nbsp;</td>
  </tr>
</table>

Центральная ячейка, баннер с логотипом, всегда должна быть 800px. Левая и правая ячейка имеют фон, соответствующий концам логобаннера.

Теперь вопрос, как я могу решить это с помощью CSS?

Спасибо

Answer 1

Попробуйте это Html:

<div id="header">
   <div id="left">
      <div id="leftFrame"></div>
      <div id="center"></div>
   </div>
   <div id="right"></div>
</div>

CSS:

#header{
 width:100%;
 height:600px;
}
#left{
 width:66%;
 float:left;
}
#right{
 float:right;
}
#center{
 width:800px;
 float:right;
}
#leftFrame{
 float:left;
}

Не проверено, но надеюсь, что это поможет